* {
    outline:none !important;
}











/* Please ❤ this if you like it! */



*,
*::before,
*::after {
  box-sizing: border-box;
}



.table-1{width:100%}

.section{
  position: relative;
  width: 100%;
  display: block;
  display: -ms-flexbox;
  
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 22222;
}
.full-height{
  min-height: 100vh;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked){
  position: absolute;
  left: -9999px;
}
.modal-btn1:checked + label,
.modal-btn1:not(:checked) + label{
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 2;
    height: 50px;
    top: 2px;
    transition: all 200ms linear;
    width: 100%;
    letter-spacing: 1px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    border: none;
    cursor: pointer;
    background-color: #fa5800;
    color: #fff;
    box-shadow: 0 12px 35px 0 rgba(16,39,112,.25);
}
.modal-btn1:not(:checked) + label:hover{
    background-color: #ff9507;
    color: #fff;
}
}
.modal-btn1:checked + label .uil,
.modal-btn1:not(:checked) + label .uil{
	margin-left: 10px;
	font-size: 18px;
}
.modal-btn1:checked + label:after,
.modal-btn1:not(:checked) + label:after{
  position: fixed;
  top: 10px;
right: 10px;
  z-index: 110;
  width: 40px;
  border-radius: 3px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  background-color: #ffeba7;
  color: #102770;
  font-family: 'unicons';
  content: '\eac6'; 
  box-shadow: 0 12px 25px 0 rgba(16,39,112,.25);
  transition: all 200ms linear;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
}
.modal-btn1:checked + label:hover:after,
.modal-btn1:not(:checked) + label:hover:after{
  background-color: #102770;
  color: #ffeba7;
}
.modal-btn1:checked + label:after{
  transition: opacity 300ms 300ms ease, transform 300ms 300ms ease, background-color 250ms linear, color 250ms linear;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.modal{
  position: fixed;
  display: block;
  display: -ms-flexbox;
  
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow-x: hidden;
  background-color: rgba(255, 149, 7,0.8);
  pointer-events: none;
  opacity: 0;
  transition: opacity 250ms 700ms ease;
}
.modal-btn1:checked ~ .modal{
  pointer-events: auto;
  opacity: 1;
  transition: all 300ms ease-in-out;
}
.modal-wrap {
    height: 100vh;
  position: relative;
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  margin-top: 2px;
  margin-bottom: 20px;
  border-radius: 4px;
  overflow: hidden;
  padding-bottom: 20px;
  background-color: #fff;
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: 0 12px 25px 0 rgba(199,175,189,.25);
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 250ms 250ms ease, transform 300ms 250ms ease;
}
.modal-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.modal-wrap p {
    padding: 0px 30px 0 30px;
    font-size: 11px;
    font-weight: 300;
}

.modal-wrap h4 {
    padding: 0px 30px 0 30px;
    font-size: 16px;
    font-weight: 600;
}
.modal-btn1:checked ~ .modal .modal-wrap{
  opacity: 1;
  transform: scale(1);
  transition: opacity 250ms 500ms ease, transform 350ms 500ms ease;
}


.logo {
	position: absolute;
	top: 25px;
	left: 25px;
	display: block;
	z-index: 1000;
	transition: all 250ms linear;
}
.logo img {
	height: 26px;
	width: auto;
	display: block;
  	filter: brightness(10%);
	transition: filter 250ms 700ms linear;
}
.modal-btn1:checked ~ .logo img {
  	filter: brightness(100%);
	transition: all 250ms linear;
}


@media screen and (max-width: 500px) {
	.modal-wrap {
		width: calc(100% - 40px);
		padding-bottom: 15px;
	}
	.modal-wrap p {
	  padding: 15px 20px 0 20px;
	}
}
















.SequenceContainer {
    position: absolute;
    bottom: 118px!important;
    pointer-events: none;
    font-size: 0;
    z-index: 10;
    width: 100%;
    top:unset;
}

#googleads {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 9;
    text-align: center;
    margin: 0 auto;
}

#nav1 {

    float: left;
  }
  #nav1 > ul {
    grid-auto-flow: column;
  }
  
  #nav1 > ul > li a{
    text-decoration: none;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 1.125rem;
  }
  #nav1 > ul > li a:focus,
  #nav1 > ul > li .dropdown__title:focus {
    outline: none;
  }
  #nav1 > ul > li > a {
    padding: 1rem 0.5rem;
    border-top: 3px solid transparent;
    -webkit-transition: 280ms all 120ms ease-out;
    transition: 280ms all 120ms ease-out;
  }
  #nav1 > ul > li > a:hover, #nav1 > ul > li > a:focus {
    border-top-color: pink;
    color: pink;
  }
  #nav1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
  }
  #nav1 ul li {
    padding: 0;
  }







#nav2 {

    float: left;
  }
  #nav2 > ul {
    grid-auto-flow: column;
  }
  
  #nav2 > ul > li a{
    text-decoration: none;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 1.125rem;
  }
  #nav2 > ul > li a:focus,
  #nav2 > ul > li .dropdown__title:focus {
    outline: none;
  }
  #nav2 > ul > li > a {
    padding: 1rem 0.5rem;
    border-top: 3px solid transparent;
    -webkit-transition: 280ms all 120ms ease-out;
    transition: 280ms all 120ms ease-out;
  }
  #nav2 > ul > li > a:hover, #nav2 > ul > li > a:focus {
    border-top-color: pink;
    color: pink;
  }
  #nav2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
  }
  #nav2 ul li {
    padding: 0;
  }
  



  
  .dropdown {
    position: relative;
    
  }
  .dropdown .dropdown__title {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    border-radius: 40px;
    background: #e47804;
    color: #eae0ff;
    overflow: hidden;
    transition: color 0.3s;
    border-radius: 70px;
    padding: 10px 15px 9px 15px;
    margin: 9px 8px 0 0;
    cursor: pointer;
    text-align: center;
    font-size: 8px;
    font-weight: 400;
    border: 3px solid #ff9507;
  }
  
  
  .dropdown__title::before,
  .dropdown__title::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);
  }
  .dropdown__title::before {
      background: #ff9507;
  }
  .dropdown__title::after {
     
      background-color: rgb(255 124 12);
  }
  .dropdown__title:hover {
      color: #ddc7ff;
  }
  .dropdown__title:hover::before,
  .dropdown__title:hover::after {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
  }
  .dropdown__title:hover::after {
      -webkit-transition-delay: 0.175s;
      transition-delay: 0.175s;
  }
  
  
  
  .dropdown .dropdown__menu {
    position: absolute;
    min-width: 11ch;
    left: 40px;
    top: calc(100% + 0.80rem);
    -webkit-transition: 280ms all 120ms ease-out;
    transition: 280ms all 120ms ease-out;
    -webkit-transform: rotateX(-90deg) translateX(-50%);
            transform: rotateX(-90deg) translateX(-50%);
    -webkit-transform-origin: top center;
            transform-origin: top center;
    visibility: hidden;
    opacity: 0.3;
    padding: 0.5em 0;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.25);
  }
  .dropdown .dropdown__menu li {
    color: #ffffff;
    display: block;
    line-height: 27px;
    text-align: center;
    vertical-align: middle;
    height: 27px;
    font-weight: 200;
    font-size: 10px;
    -webkit-transition: 280ms all 120ms ease-out;
    transition: 280ms all 120ms ease-out;
  }
  .dropdown .dropdown__menu li:hover {
    background-color: #ff9007;
  }
  .dropdown .dropdown__menu li:focus {
    outline: none;
    background-color: rgba(102, 51, 153, 0.25);
  }
  .dropdown:after {
    content: "";
    border: 0.5rem solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: calc(100% - 1.25rem);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: 280ms all 120ms ease-out;
    transition: 280ms all 120ms ease-out;
    opacity: 0;
    will-change: opacity;
  }
  
  .dropdown:hover .dropdown__menu, .dropdown:focus-within .dropdown__menu {
    opacity: 1;
    -webkit-transform: rotateX(0) translateX(-50%);
            transform: rotateX(0) translateX(-50%);
    visibility: visible;
    background: #e85118;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(/images/eventsbg2.png);
    background-size: 281px;
  }
  .dropdown:hover .dropdown__menu a, .dropdown:focus-within .dropdown__menu a {
    opacity: 1;
  }
  .dropdown:hover:after, .dropdown:focus-within:after {
    opacity: 1;
  }






  .dropdown .dropdown__menu1 {
    position: absolute;
    min-width: 16ch;
    left: 40px;
    top: calc(100% + 0.80rem);
    -webkit-transition: 280ms all 120ms ease-out;
    transition: 280ms all 120ms ease-out;
    -webkit-transform: rotateX(-90deg) translateX(-50%);
            transform: rotateX(-90deg) translateX(-50%);
    -webkit-transform-origin: top center;
            transform-origin: top center;
    visibility: hidden;
    opacity: 0.3;
    padding: 0.5em 0;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.25);
  }
  .dropdown .dropdown__menu1 li {
    color: #ffffff;
    display: block;
    line-height: 27px;
    text-align: left;
    padding-left: 10px!important;
    vertical-align: middle;
    height: 27px;
    font-weight: 200;
    font-size: 10px;
    -webkit-transition: 280ms all 120ms ease-out;
    transition: 280ms all 120ms ease-out;
  }
  .dropdown .dropdown__menu1 li:hover {
    background-color: #ff9507;
  }
  .dropdown .dropdown__menu1 li:focus {
    outline: none;
    background-color: rgba(102, 51, 153, 0.25);
  }
  .dropdown:after {
    content: "";
    border: 0.5rem solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: calc(100% - 1.25rem);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: 280ms all 120ms ease-out;
    transition: 280ms all 120ms ease-out;
    opacity: 0;
    will-change: opacity;
  }
  
  .dropdown:hover .dropdown__menu1, .dropdown:focus-within .dropdown__menu1 {
    opacity: 1;
    -webkit-transform: rotateX(0) translateX(-50%);
            transform: rotateX(0) translateX(-50%);
    visibility: visible;
    background: #e54e18;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(/images/eventsbg2.png);
    background-size: 281px;
  }
  .dropdown:hover .dropdown__menu1 a, .dropdown:focus-within .dropdown__menu1 a {
    opacity: 1;
  }
  .dropdown:hover:after, .dropdown:focus-within:after {
    opacity: 1;
  }





  




/* Center the loader */
#overlay {
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1000000;
    display:block;
    background-color: #0a3ca0;
    opacity: 0.3;
}
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;

    margin: -25px 0 0 -25px;
    border: 3px solid #f3f3f3;
    border-radius: 49%;
    border-top: 3px solid #ff41ef;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 0.4s linear infinite;
    animation: spin 0.4s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
    float: left!important;
    margin: 0!important;
    position: relative!important;
    top: 50%!important;
    left: 50%!important;
    -ms-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
    padding-right: 2px!important;
}


.submenu{

    font-size: 9px;
    line-height: 66px;
    position: absolute;
    font-weight: 100;
    padding-left: 14px;
    color: #ffe45c;
    z-index: 888;
    pointer-events: none;

}  

.submenu1 {
    font-size: 9px;
    position: absolute;
    font-weight: 100;
    top: 15px;
    color: #ffe45c;
    z-index: 888;
}

.submenu2{
    font-size: 9px;
    position: absolute;
    font-weight: 100;
    padding-top: 3px;
    top: 0px;
    color: #ffe45c;
    z-index: 888;
}
.submenu2:hover{
    color: #d3a7ff;
}

#note {
    position: absolute;
    z-index: 6001;
    top: 52px;
    left: 698px;
    right: 0;
    width: 215px;
    background: #fff;
    text-align: left;
    line-height: 4px;
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 6.8px 13.2px rgba(0, 0, 0, 0.014), 0 -4.3px 8.3px rgba(0, 0, 0, 0.028), 0 -1.5px 10px rgba(0, 0, 0, 0.02), 0 -10.7px 13.9px rgba(0, 0, 0, 0.012), 0 13.8px 13.4px rgba(0, 0, 0, 0.0016), 0 7px 11px rgba(0, 0, 0, 0.12);
    background-image: url(/images/alertsv.png);
    background-size: 14px!important;
  background-repeat: no-repeat;
  background-position: right 13px top 18px;
  display: block;
  }
  #note1 {
    position: absolute;
      z-index: 6001;
      display: block;
      top: 22px;
      left: 611px;
      right: 0;
      width: 215px;
      height: 26px;
      background-image: url(/images/alertarrow.png);
      background-size: 14px!important;
      background-repeat: no-repeat;
      background-position: right 13px top 18px;
      }
  .cssanimations.csstransforms #note {
    -webkit-transform: translateY(-150px);
    -webkit-animation: slideDown 4.5s 6.0s 1 ease forwards;
    -moz-transform: translateY(-150px);
    -moz-animation: slideDown 4.5s 6.0s 1 ease forwards;
  }
  .cssanimations.csstransforms #note1 {
    -webkit-transform: translateY(-150px);
    -webkit-animation: slideDown 4.5s 6.0s 1 ease forwards;
    -moz-transform: translateY(-150px);
    -moz-animation: slideDown 4.5s 6.0s 1 ease forwards;
  }

  #close {
    position: absolute;
    right: 10px;
    top: 9px;
    text-indent: -9999px;
    background: url(images/close.png);
    height: 16px;
    width: 16px;
    cursor: pointer;
  }

  p.streetviewt{

    font-size: 12px;
  font-weight: 500;
  font-family: 'Fira Sans', sans-serif;
  padding-left: 13px;
  padding-top: 6px;
  color: #bdbdbd;

  }
  p.streetviewo{

    font-size: 10px;
  font-weight: 200;
  font-family: 'Fira Sans', sans-serif;
  padding-left: 13px;
  padding-bottom: 6px;
  color: #8a8a8a;

}


  .cssanimations.csstransforms #close {
    display: none;
  }

  @-webkit-keyframes slideDown {

    0%,
    100% {
      -webkit-transform: translateY(-150px);
    }

    10%,
    90% {
      -webkit-transform: translateY(0px);
    }
  }

  @-moz-keyframes slideDown {

    0%,
    100% {
      -moz-transform: translateY(-150px);
    }

    10%,
    90% {
      -moz-transform: translateY(0px);
    }
  }

#hotspot86{
    display:none;
}

body{
    margin:0;
    padding:0;
    font-family: 'Fira Sans', sans-serif;
    background-color: #fa5800;
    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: 80px!important;
    height: 53px!important;
    padding: 0px!important;
    display: block;
    overflow: hidden;
    font-size: 36px!important;
    line-height: 1;
    text-align: center;
    z-index: 1050;
    color: rgb(171 25 106)!important;
    background-image: url(/images/rmclosedetail2.png) !important;
    background-repeat: no-repeat;
    background-position: 18px 0px;
    background-size: 87px;
}

.vbox-overlay {
    z-index: 99999;
    background-color: rgb(100 0 107 / 70%)!important;
}
.vbox-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    z-index: 20;
    max-height: 100%;
    background-color: rgb(100 0 107 / 70%)!important;
}
#copyRightStatement{
    position: absolute;
    right: 6px;
    font-family: 'Fira Sans', sans-serif;
    bottom: 3px;
    width: 207px;
    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: 20px;
}
#copyRightStatement a{
 font-weight: 100;
    color: #f7971b;
     font-weight: 400;  
    text-decoration: none;
}
#copyRightStatement :hover{

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

/*ScrollBar*/

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

/* background of the scrollbar except button or resizer */
#streetList::-webkit-scrollbar-track {
    background-color:#4c17c4;
}
#streetList::-webkit-scrollbar-track:hover {
    background-color:#a061ff;
}

/* scrollbar itself */
#streetList::-webkit-scrollbar-thumb {
 background-color: #9651ff;
    border-radius: 5px;
    height: 36px;
}
#streetList::-webkit-scrollbar-thumb:hover {
   background-color: #4c17c4;
    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: 100vh;
    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: #8b5bf6!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: #9651ff;
    border-radius: 5px;
    height: 36px;
}
#resultsc .body::-webkit-scrollbar-thumb:hover {
   background-color: #b98aff;
    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: 100vh;
    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: #8b5bf6!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: #9651ff;
    border-radius: 5px;
    height: 36px;
}
#resultst .body::-webkit-scrollbar-thumb:hover {
   background-color: #b98aff;
    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 #ff9509;
  border-right: 2px solid #fa5800;
}

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;
    
    height: 28px!important;
  border: 1px solid rgba(81, 203, 238, 1);
}
#map{
    position:absolute;
    top:52px;
    bottom:0;
    left:0;
    right:0;
    z-index: 2;
    background-color: #fa5800;
}

.DirectionsCircle{
	background-color: rgba(131, 126, 240,0.5);
}

#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: #fa5800;
    -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: #6529e7;
    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: #6529e7;
    border-bottom: 1px solid #9665ff;
    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: #6529e7;
    border-bottom: 1px solid #9665ff;
    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: #f734b8;
    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: #6529e7;
    border-top: 1px solid #9665ff;
    overflow: hidden;
    border-bottom: 1px solid #9665ff;
    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:  #6529e7;
    border-bottom: 1px solid #9665ff;
    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:  #6529e7;
    border-bottom: 1px solid #9665ff;
    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:7px;
    left:261px;
    right:0;
    bottom:0;
    width:261px;
    z-index: 2010;
    overflow: hidden;
    background-color: #fa5800;
    -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:119px;
	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;
    padding-top: 6px;
    top: 0;
    left: 0;
    right: 0;
    height: 114px;
    z-index: 2010;
    overflow: hidden;
    background-color: #4b19c2;
}

#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: #4c17c4;
    padding-left: 35px;
    padding-top: 15px;
    color: #be94fd;
    font-size: 12px;
    background-image: url(/images/eventsCal.png);
    background-position: 17px 15px;
    background-repeat: no-repeat;
}

#eventsTitle #cancelEvent{
    display: block;
    position: absolute;
    right: -32px;
    top: 0px;
    cursor: pointer;
    color: #ffffff;
    width: 14px;
    height: 14px;
    font-weight: bold;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);

}



#eventsDates{
    display: block;
    width:100%;
    overflow: hidden;
    position: relative;
    height: 66px;
    background-color: #4b18c1;
    border-bottom: 1px solid #9651ff;
    padding-bottom: 6px;

}

#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, #9651ff 23px);
}
#eventsDates div.day:hover{
           height: 66px;

    background-color: #551bd6;
	 -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    border-radius: 5px;
}

#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:#b07cff;
	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:52px;
    bottom:0;
    width:261px;
    z-index: 2000;
    overflow: hidden;
    background-color: #fa5800;
    -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:rgb(243 238 237 / 85%);
}

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

#detailedBar{
    position:absolute;
    top:52px;
    bottom:0;
    right:-371px;
    z-index:2000;
    width:371px;
    background-color: rgba(254,254,254,0.80);
    overflow:hidden;
    transition: 0.5s;
}

#detailedBar.toggle{
    width: 371px;
    border-left: 1px solid #ffa2e1;
    z-index: 2000;
    right: 0;
    -webkit-box-shadow: -7px 2px 23px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -7px 2px 23px 1px rgba(0,0,0,0.2);
    box-shadow: -7px 2px 23px 1px rgba(0,0,0,0.2);
    margin-bottom: 0px;
}

#mapillaryCloseShare{
    width: 100px;
    height: 42px;
    display: block;
    overflow: hidden;
    background-image: url(/images/rmclosedetail2f.png) !important;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 80px;
    position: absolute;
    top: 11px;
    left: 0px;
    z-index: 2006;
    overflow: hidden;
}

#krpanoCloseShare{
    width: 100%;
    height: 42px;
    display: block;
    overflow: hidden;
    background-image: url(/images/rmclosedetail2f.png)!important;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 80px;
    position: absolute;
    top: 11px;
    right: 2px;
    z-index: 2006;
}

#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: left;
    width: 13px;
    height: 14px;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 46px;
    -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;
	
}

@-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: left;
    width: 13px;
    height: 14px;
    cursor: pointer;
    margin-top: 8px;
    margin-left: 44px;
    -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;
	
}
#clickToShareMapillary{
    display: block;
    width: 212px;
    height: 29px;
    margin-top: 19px;
    margin-left: 14px;
    cursor: pointer;
    background: #fff;
    position: fixed;
    bottom: 6px;
    right: 0;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    -webkit-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
    box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
}

#clickToShareKrpano{
    display: block;
    width: 212px;
    height: 29px;
    margin-top: 19px;
    margin-left: 14px;
    cursor: pointer;
    background: #fff;
    position: fixed;
    bottom: 6px;
    right: 0;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    -webkit-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
    box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
}

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

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

#mapillaryContainerLoader{
    position:absolute;
    top:47px;
    bottom:0;
    right:0;
    overflow: hidden;
    width:50%;
    z-index:1;
    background: url('/css/mapilaryloader.gif') 50% 50% no-repeat;
    background-color: #551bd6;
}

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

#krpanoContainer{
    position:absolute;
    top:47px;
    bottom:0;
    right:0;
    overflow: hidden;
    width:50%;
    z-index:1;
    background-color: #551bd6;
}

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



#mapillaryHalf{
    position:relative;
    width:100%;
    height:100%;
    display: block;
	border-left: solid 3px;
    border-left-color: rgb(150, 81, 255);
}
#krpanoHalf{
    position:relative;
    width:100%;
    height:100%;
    display: block;
	    border: solid 3px;
    border-left-color: rgb(150, 81, 255);
    background-image: url(mapilaryloader.gif);
    background-color: ##7033f7;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#categories{
    display: block;
    position: absolute;
    width: 261px;
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 0;
    top: 144px;
	background-image: url(/images/vijecnicameni.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: 888;
    margin-bottom: 59px;
}

#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;
}

#eventsPromo{
    display: block;
    position: relative;
    width:261px;
    height:129px;
    float:left;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("/images/eventsbg1.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: 14px;
    margin-top: 22px;
    line-height: 20px;
    text-align: left;
    color: #ffffff;
    font-size: 13px;
}

#openEventsBar{
    display: block;
    position: relative;
    border: 0;
    text-decoration: none;
    width: 122px;
    height: 24px;
    float: left;
    margin-left: -9px;
    margin-top: 0px;
    font-size: 9px;
    line-height: 26px;
    text-align: center;
    color: #d0b4ff;
    font-weight: 400;
}

#eventsPromoText{
    display: block;
    position: relative;
    width: 228px;
    height: 6px;
    float: left;
    margin-left: 15px;
    margin-top: 4px;
    font-size: 8px;
    text-align: left;
    color: #ffffff;
}
#eventsPromoText1{
    display: block;
    position: relative;
    width: 228px;
    height: 11px;
    float: left;
    margin-left: 15px;
    margin-top: 4px;
    font-size: 7px;
    text-align: left;
    color: #ff79be;
}

#streetListBtn{
    display: block;
    position: absolute;
    margin-top: 95px;
    width: 246px;
    height: 77px;
    float: left;
    padding-left: 14px;
    color: #ffffff;
    border: 0;
    text-decoration: none;
    line-height: 61px;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    z-index: 999;
}
#aboutBtn{
    display: block;
    position: absolute;
    margin-top: 5px;
    width: 246px;
    height: 77px;
    float: left;
    padding-left: 14px;
    color: #ffffff;
    border: 0;
    text-decoration: none;
    line-height: 61px;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    z-index: 999;
}
#toursBtn{
    display: block;
    position: absolute;
    margin-top: 55px;
    width: 246px;
    height: 77px;
    float: left;
    padding-left: 14px;
    color: #ffffff;
    border: 0;
    text-decoration: none;
    line-height: 61px;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    z-index: 998;
}
#transBtn{
    display: block;
    position: absolute;
    margin-top: 105px;
    width: 246px;
    height: 77px;
    float: left;
    padding-left: 14px;
    color: #ffffff;
    border: 0;
    text-decoration: none;
    line-height: 61px;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    z-index: 997;
}
#exploreBtn{
    display: block;
    position: absolute;
    margin-top: 155px;
    width: 246px;
    height: 77px;
    float: left;
    padding-left: 14px;
    color: #ffffff;
    border: 0;
    text-decoration: none;
    line-height: 61px;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    z-index: 996;
}
#dicBtn{
    display: block;
    position: absolute;
    margin-top: 205px;
    width: 246px;
    height: 77px;
    float: left;
    padding-left: 14px;
    color: #ffffff;
    border: 0;
    text-decoration: none;
    line-height: 61px;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    z-index: 995;
}









#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;
    padding: 0;
    width: 246px;
    height: 49px;
    border-bottom: 1px solid rgba(255, 228, 255, 0.5);
    font-size: 10px;
    padding-left: 14px;
    color: #7a7a7a;
    line-height: 36px;
    font-weight: 400;
}

#categories li:first-child {
    display: block;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 246px;
    height: 49px;
    border-bottom: 1px solid rgba(255, 228, 255, 0.5);
    font-size: 10px;
    padding-left: 14px;
    color: #7a7a7a;
    line-height: 36px;
    font-weight: 400;
    padding-top: 13px;
}


#categories li.active{
    background-color: rgba(233, 201, 241, 0.2);
}

#categories li.food{
    background-image: url("/images/food1.png");
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: right 19px top 26px;
}

#categories li.food.submenu:hover {
    z-index: 999999999999199112;
    color:#fff;
}

#categories li.night{
    background-image: url("/images/nightMenu.png");
    background-repeat: no-repeat;
    background-position: right 19px top 10px;
}

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

#categories li.place{
    background-image: url("/images/placeMenu.png");
    background-repeat: no-repeat;
    background-position: right 16px top 15px;
}

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

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

#categories li.art{
    background-image: url("/images/artMenu.png");
    background-repeat: no-repeat;
    background-position: right 19px top 12px;
}

#categories li.parks{
    background-image: url("/images/parksMenu.png");
    background-repeat: no-repeat;
    background-position: right 19px top 12px;
}

#categories li.prof{
    background-image: url("/images/profMenu.png");
    background-repeat: no-repeat;
    background-position: right 19px top 12px;
}
#categories li.sve{
    /*background-image: url("/images/profMenu.png");
    background-repeat: no-repeat;
    background-position: right 19px top 12px;*/

    background-color: #ff9507;
    color: #fff;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    line-height: 43px;
    top: 20px;
    width: 173px;
    padding: 1px;
    margin-left: 41px;
    height: 43px;
    font-size: 12px;
    border-right: 2px solid #fa5802;
}

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


.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: #7033f7;
    border-radius: 10px;
    border: 2px solid #ff68c2;
    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 #9651ff;
    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: #9651ff;
    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{
    z-index: 999999;
    top: -141px;
    left: -107px;
    width: 208px;
    height: 83px;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px!important;
    box-shadow: 0 1px 11px rgba(0,0,0,.1)!important;
    padding: 10px 10px 15px;
    pointer-events: auto;
}

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

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


.mapboxgl-popup-content {
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px!important;
    box-shadow: 0 1px 11px rgba(0,0,0,.1)!important;
    padding: 10px 10px 15px;
    pointer-events: auto;
}

.mapboxgl-popup {
    position: absolute;
    top: 0px!important;
    left: 0;
    display: -webkit-flex;
    display: flex;
    will-change: transform;
    pointer-events: none;
}
.mapboxgl-popup-anchor-bottom {

    margin-top:-16px; 
}
.mapboxgl-popup-anchor-top {

    margin-top:14px; 
}
.mapboxgl-ctrl-bottom-right {
    right: 0;
    bottom: 0;
    display: none!important;
}
a.mapboxgl-ctrl-logo {
    width: 88px;
    height: 23px;
    margin: 0 0 -4px -4px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 32px;
    background-position-y: 10px;
    overflow: hidden;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E);
}

.centarOfPopup {
    height: auto;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: right 2px bottom 2px;
   background-image: url(/images/popuplogotip.png);
   background-size: 14px;
}

.namePopUp {
    width: 190px;
    height: auto;
    display: block;
    margin-left: 17px;
    margin-top: 7px;
    float: left;
}

.namePopUp span{
      font-size: 14px;
    color: #e09405;
    font-family: 'Fira Sans', sans-serif;
    display: inline;
    width: 100%;
    font-weight: 400;
    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: 11px;
    color: #929292;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 100;
}

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

.strelicaDown{
    width: 10px;
    height: 5px;
    display: block;
    margin-left: 102px;
    margin-top: 22px;
    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: #551bd6;
    display:none;
    float:left;
}

#mly.active{
    display: block;
}

#resultsc{
    display:none;
    width: 278px;
    height: 100vh;
    z-index: 99;
    position: absolute;
    left: 306px;
    top: 30px;
    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:#f6a5ff;
    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: 100vh;
    z-index: 100;
    position: absolute;
    left: 262px;
    top: 56px;
    background-color:#7033f7;
    overflow:hidden;
    overflow-y:scroll;
	opacity: 0.95;
}

#ulicex {
    display:none;
   
    width: 79px;
    z-index: 100;
    position: absolute;
    left: 500px;
    top: 56px;
    cursor: pointer;
}

#pretragax {
    display: none;
    width: 79px;
    z-index: 100;
    position: absolute;
    left: 846px!important;
    top: 56px;
    cursor: pointer;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    overflow:hidden;
    cursor: pointer;
}

li.ulice {
  
	border-bottom: 1px solid #6429e7;
      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: #9651ff;
	
}
/*
#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: 100vh;
    z-index: 100;
    position: absolute;
    left: 583px;
    top: 30px;
    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:-278px top;
    background-repeat:no-repeat;
    color:#f6a5ff;
    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: 100vh;
    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:374px;
    height:255px;
    background-color: #551bd6;
    display:none;
    float:left;
}

#strViewWindow.active{
    display: block;
}

#dPic{
    width:371px;
    height:255px;
    background-color: #000000;
    display:none;
    float:left;
    overflow: hidden;
    background-image: url(/images/rmdefaultprofil.jpg);
    background-size: 371px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#dPic img{
height: 256px;
    float: left;
    display: block;
   
}

#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;
}


/*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;
}

@-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;*/
   left: 0;
    right: 0;
    height: 55px;
    border-top: 2px solid #7033f7;
    border-bottom: 3px solid #7033f7;
    background-color: #7033f7;
    z-index: 10000;
    -webkit-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    border-bottom: 1px solid #f733b8;
}

#header.showLeftMenu{
    left:261px;
}


#opensidemenu{
    display: block;
    float: left;
    width: 65px;
    height: 56px;
    background-color: #6429e7;
    overflow: hidden;
    margin-top: -1px;
    margin-left: -4px;
    cursor: pointer;
}

#logo{
    display: block;
    float: left;
    margin-left: 14px;
    margin-top: 4px;
}
#logom{
    display: none;
    float: left;
    margin-left: 14px;
    margin-top: 4px;
}
#googlePlay{
    display: block;
float: left;
margin-left: -128px;
margin-top: 5px;
cursor: pointer;
}

#searchBox{
   display: block;
    float: left;
    width: 555px;
    margin-left: 110px;
    height: 37px;
    border-radius: 25px 25px 24px 24px;
    margin-top: 8px;
    background-image: url(/images/rmvozilo.png);
    background-repeat: no-repeat;
    background-position: right 12px top 10px;
    background-color: #4c16c4;
    overflow: hidden;
    position: relative;
}

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


#searchBoxLvl2{
     display: block;
    float: left;
    width: 521px;
    height: 37px;
    border-radius: 25px 25px 25px 25px;
    background-image: url(/images/rmsearchCikac.png);
    background-size: 16px!important;
    background-repeat: no-repeat;
    background-position: right 13px top 9px;
    background-color: #551bd6;
    overflow: hidden;
}

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

#searchBoxLvl3{
    display: block;
    float: left;
    width: 486px;
    height: 37px;
    border-radius: 25px 25px 25px 25px;
    background-image: url("/images/lupa.png");
    background-repeat: no-repeat;
    background-position: right 9px top 10px;
    background-color: #5f1fee;
    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: 31px;
    outline: 0;
    padding-left: 38px;
    background-image: url(/images/city.png);
    background-repeat: no-repeat;
    background-position: 0px -2px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    background-color: #5f1fee;
    border: 0;
    border-radius: 25px;
    font-size: 9px;
    color: #884e02;
    font-weight: 100;
    padding-left: 43px;
}
#searchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #884e02;
}
#searchInput::-moz-placeholder { /* Firefox 19+ */
    color: #884e02;
}
#searchInput:-ms-input-placeholder { /* IE 10+ */
    color: #884e02;
}
#searchInput:-moz-placeholder { /* Firefox 18- */
    color: #884e02;
}

div#searchBoxLvl3 input#searchInput:focus{
    border: none;
    padding-left: 50px !important;
    box-shadow: none;
    padding-top: 3px;
    height: 30px!important;
}

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

.selectfield option {
    background: #7033f7;
    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: #7033f7;
    -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;
    margin-right: 5px;
    margin-top: 1px;
}

#closeDetails{
    position: absolute;
    z-index: 2000;
    cursor: pointer;
    right: 6px;
    top: 58px;
    width: 20px;
    height: 61px;
    
    right:44px;
    transition: 0.5s;
    opacity: 0;
}

#closeDetails.toggle{
    
   
    position: absolute;
    z-index: 2001;
    cursor: pointer;
    top: 58px;
    right: 387px;
    transition: 0.5s;
    opacity: 1;

}



#krpanoClosebtx{
    position: absolute;
    z-index: 2001;
    cursor: pointer;
    right: 66px;
    top: -58px;
    
    transition: 0.5s;
    opacity: 0;
    -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;
}

#krpanoClosebtx: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;
       
    }

#krpanoClosebtx.toggle{
    
   
    z-index: 2003;
    right: 378px;
    top: 66px;
    opacity: 1;

}

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

#nameAndCatDetaild{
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    width: 374px;
    height: 100px;
  

}

#nameAndCatDetaild div.name{
    display: block;
    float: left;
    width: 336px;
    height: 21px;
    color: #ff9507;
    font-size: 30px;
    margin-left: 20px;
    margin-top: 23px;
    overflow: hidden;
}

#nameAndCatDetaild div.name span{
    display:block;
    float:left;
    width:100%;
    height:auto;
    font-weight: 200;
    color:#ff9507;
    font-size:17px;
    line-height: 30px;
}

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

#insideDetails{
    display: block;
    width: 373px;
    top: 230px;
    bottom: 0;
    position: absolute;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    background: #fff;
  

}

#contactDetailed{
    display: block;
    float: left;
    position: absolute;
    top: 45px;
    width: 371px;
    height: 62px;
    background-position: 25px 23px;
    background-repeat: no-repeat;
    background-image: url(/images/teldetail.png);
    background-size: 17px;
        
}
.timedetail{
    color: #000;
        
}

#detailsScroller{
    display: block;
    width: 346px;
    top: 92px;
    bottom: 45px;
    position: absolute;
    overflow-y: scroll;
    padding: 0px 20px 20px 20px;
    font-size: 11px;
    font-weight: 200;
    color: #8d8d8d;
    overflow-x: hidden;
}
#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{
    display: block;
    left: 0;
    right: 0;
    height: 70px;
    bottom: 0;
    position: absolute;
    z-index: 2000;
    background-color: #ffffff;
    -webkit-box-shadow: 0px -3px 20px 0px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px -3px 20px 0px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.16);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#leftHalf{
display: block;
    float: left;
    position: relative;
    width: 185px;
    height: 45px;
    background-image: url(/images/rmsvdetail.png);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 34px 14px;
    cursor: pointer;
}

#leftHalf span{
    color: #888888;
    font-size: 11px;
    display: block;
    float: left;
    margin-left: 61px;
    margin-top: 24px;
    font-weight: 400;
}

.leftHalf1 {
    color: #cacaca;
    font-size: 8px;
    display: block;
    float: left;
    margin-left: 61px;
    margin-top: 0px;
    font-weight: 400;
}

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

#rightHalf span{
    color: #888888;
    font-size: 11px;
    display: block;
    float: left;
    margin-left: 38px;
    margin-top: 24px;
    font-weight: 400;
}
#rightHalf2 span {
    color: #888888;
    font-size: 9px;
    display: block;
    float: right;
    margin-left: 0px;
    margin-top: 2px;
    padding-right: 10px;
    font-weight: 100;
}
.rightHalf1{
    color: #cacaca;
    font-size: 8px;
    display: block;
    float: left;
    margin-left: 38px;
    margin-top: 0px;
    font-weight: 400;
}

#detailsScroller a{
    color:#b77662;
    text-decoration: none;
    font-weight: 300;
    -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;
}
#detailsScroller a:hover{
    color:#ec724d;
    padding-left: 6px;
}

#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: #f7f7f7;
    color: #37474f;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    border-radius: 4px;
    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;
}
/*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: absolute;
    z-index: 2100;
    cursor: pointer;
    top: -2px;
    left: 155px;
    width: 57px;
    height: auto;
}

#contactDetailed div.telephone{
    display: block;
    float: left;
    width: 180px;
    height: 20px;
    margin-left: 40px;
    margin-top: 18px;
    color: #865923;
    font-size: 16px;
    font-weight: 100;
}

#contactDetailed div.telephone a{
    color: #865923;
    text-decoration: none;
}

#contactDetailed div.socials{
    display:block;
    float:right;
    width:84px;
    height:21px;
    margin-right:19px;
    margin-top:20px;
}

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

#contactDetailed div.socials a.tw{
    display:block;
    float:left;
    width:22px;
    height:21px;
    border:0;
    outline:0;
    margin-left:10px;
    background-position: -33px top;
    background-repeat: no-repeat;
    background-image: url("/images/rmsocials.png");
}

#contactDetailed div.socials a.gp{
    display:block;
    float:left;
    width:22px;
    height:21px;
    border:0;
    outline:0;
    margin-left:10px;
    background-position: -66px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials.png");
}

#contactDetailed div.socials a.ln{
    display:block;
    float:left;
    width:21px;
    height:21px;
    border:0;
    outline:0;
    margin-left:10px;
    background-position: -68px top;
    background-repeat: no-repeat;
    background-image: url("/images/rmsocials.png");
}

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

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


div.streetnumber div.socials{
    display:block;
    float:right;
width: 146px;
    height: 21px;
    margin-right: 47px;
    margin-top: 13px;
}

div.streetnumber div.socials a.fb{
    display:block;
    float:left;
    width:21px;
    height:21px;
	    padding-right: 8px;
    border:0;
    outline:0;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("/images/socials_st.png");
}

div.streetnumber div.socials a.tw{
    display:block;
    float:left;
    width:22px;
    height:21px;
	    padding-right: 8px;
    border:0;
    outline:0;
    margin-left:10px;
    background-position: -33px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials_st.png");
}

div.streetnumber div.socials a.gp{
    display:block;
    float:left;
    width:22px;
    height:21px;
	    padding-right: 8px;
    border:0;
    outline:0;
    margin-left:10px;
    background-position: -66px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials_st.png");
}

div.streetnumber div.socials a.ln{
    display:block;
    float:left;
    width:21px;
    height:21px;
    border:0;
    outline:0;
    margin-left:10px;
    background-position: -100px top;
    background-repeat: no-repeat;
    background-image: url("/images/socials_st.png");
}

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

div.streetnumber 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: #a57cff;
    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);
}

.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/rmkako.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:#6429e7;
    -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/rmkakokoristitirutmaplogo.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom:1px solid #f734b8;
}

#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 #4c17c4;
    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 #4c17c4;
    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 #4c17c4;
    background: url("/look/images/callUs.png") no-repeat 17px 15px;
}

#googlePlayMenu{
    display:block;
    float:left;
    width:259px;
    height:51px;
    padding:0;
    margin:0;
    
    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:370px;
    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: #7033f7;
    color: #eae0ff;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    border-radius: 70px;
    padding: 10px 10px;
    min-width: 80px;
    margin: 7px 8px 0 0;
    cursor: pointer;
    text-align: center;
    font-size: 8px;
    font-weight: 600;
    height: 8px;
    border: 3px solid #8149ff;
}

.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: #7033f7;
}
.topbutton::after {
   
    background-color: rgb(75, 21, 197);
}
.topbutton:hover {
    color: #ddc7ff;
}
.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: #4c17c4;
}

.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:#e11f8b;
    text-decoration: none;
}

#not2input1{
    width:560px;
    height:35px;
    float:left;
    display:block;
    font-size: 10px;
    color:white;
    background-color: #4c17c4;
    border-radius: 5px;
    border:1px solid #e11f8b;
    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: #4c17c4;
    border-radius: 5px;
    border:1px solid #e11f8b;
    margin-bottom:10px;
    padding-left:5px;
    padding-right:5px;
}

#not2text1:focus {
    box-shadow: 4px 3px 13px rgba(60, 246, 255,0.8);
        padding: 3px 0px 3px 3px;
        
        height: 56px!important;
      border: 1px solid rgba(81, 203, 238, 1);
    }

#not2input1:focus {
        box-shadow: 4px 3px 13px rgba(60, 246, 255,0.8);
            padding: 3px 0px 3px 3px;
            
            height: 56px!important;
          border: 1px solid rgba(81, 203, 238, 1);
        }

/* 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: #fa5800;
    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: #4c17c4;
}

.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 (max-width: 480px) {



    #logom{
        display: block;
        float: left;
        margin-left: 14px;
        margin-top: 10px;
    }
    #logo{
        display: none;
        
    }
    #searchBox {
        display: block;
        float: left;
        width: 207px;
        margin-left: 0px;
        height: 37px;
        border-radius: 25px 25px 24px 24px;
        margin-top: 8px;
        background-image: url(/images/rmvozilo2.png);
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: right 10px top 11px;
        background-color: #4c16c4;
        overflow: hidden;
        position: relative;
    }
    
    #textContactUs div div {
        margin: 12px 0;
    }
    #textContactUs div legend + div {
        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;
    }
}
@media only screen and (max-width: 480px) {



    #logom{
        display: block;
        float: left;
        margin-left: 14px;
        margin-top: 10px;
    }
    #logo{
        display: none;
        
    }
    #searchBox {
        display: block;
        float: left;
        width: 207px;
        margin-left: 0px;
        height: 37px;
        border-radius: 25px 25px 24px 24px;
        margin-top: 8px;
        background-image: url(/images/rmvozilo2.png);
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: right 10px top 11px;
        background-color: #4c16c4;
        overflow: hidden;
        position: relative;
    }
    
    #textContactUs div div {
        margin: 12px 0;
    }
    #textContactUs div legend + div {
        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;
    }
}
@media only screen and (max-width: 480px) {



    #logom{
        display: block;
        float: left;
        margin-left: 14px;
        margin-top: 10px;
    }
    #logo{
        display: none;
        
    }
    #searchBox {
        display: block;
        float: left;
        width: 207px;
        margin-left: 0px;
        height: 37px;
        border-radius: 25px 25px 24px 24px;
        margin-top: 8px;
        background-image: url(/images/rmvozilo2.png);
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: right 10px top 11px;
        background-color: #4c16c4;
        overflow: hidden;
        position: relative;
    }
    
    #textContactUs div div {
        margin: 12px 0;
    }
    #textContactUs div legend + div {
        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;
    }
}




*/


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

    #map {
        position: absolute;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        background-color: #fa5800;
        height: 100vh;
    }
    #header {
     display: block;
    position: absolute;
    bottom: 0px!important;
    left: 0;
    right: 0;
    height: 55px;
    background-color: #7033f7;
    z-index: 10000;
    -webkit-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    box-shadow: 0px -12px 18px -4px rgba(0,0,0,0.42);
    border-top: 1px solid #f733b8;
    }
}



/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

    #map {
        position: absolute;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        background-color: #fa5800;
        height: 100vh;
    }
    #header {
     display: block;
    position: absolute;
    bottom: 0px!important;
    left: 0;
    right: 0;
    height: 55px;
    background-color: #7033f7;
    z-index: 10000;
    -webkit-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    box-shadow: 0px -12px 18px -4px rgba(0,0,0,0.42);
    border-top: 1px solid #f733b8;
    }
}





/*
@media only screen and (max-width: 480px) {



    #logom{
        display: block;
        float: left;
        margin-left: 14px;
        margin-top: 10px;
    }
    #logo{
        display: none;
        
    }
    #searchBox {
        display: block;
        float: left;
        width: 207px;
        margin-left: 0px;
        height: 37px;
        border-radius: 25px 25px 24px 24px;
        margin-top: 8px;
        background-image: url(/images/rmvozilo2.png);
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: right 10px top 11px;
        background-color: #4c16c4;
        overflow: hidden;
        position: relative;
    }
    
    #textContactUs div div {
        margin: 12px 0;
    }
    #textContactUs div legend + div {
        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;
    }
}
@media only screen and (max-width: 480px) {



    #logom{
        display: block;
        float: left;
        margin-left: 14px;
        margin-top: 10px;
    }
    #logo{
        display: none;
        
    }
    #searchBox {
        display: block;
        float: left;
        width: 207px;
        margin-left: 0px;
        height: 37px;
        border-radius: 25px 25px 24px 24px;
        margin-top: 8px;
        background-image: url(/images/rmvozilo2.png);
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: right 10px top 11px;
        background-color: #4c16c4;
        overflow: hidden;
        position: relative;
    }
    
    #textContactUs div div {
        margin: 12px 0;
    }
    #textContactUs div legend + div {
        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;
    }
}
@media only screen and (max-width: 480px) {



    #logom{
        display: block;
        float: left;
        margin-left: 14px;
        margin-top: 10px;
    }
    #logo{
        display: none;
        
    }
    #searchBox {
        display: block;
        float: left;
        width: 207px;
        margin-left: 0px;
        height: 37px;
        border-radius: 25px 25px 24px 24px;
        margin-top: 8px;
        background-image: url(/images/rmvozilo2.png);
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: right 10px top 11px;
        background-color: #4c16c4;
        overflow: hidden;
        position: relative;
    }
    
    #textContactUs div div {
        margin: 12px 0;
    }
    #textContactUs div legend + div {
        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;
    }
}




*/



  
  @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) {


    .Sarajevo {
        background-image: url(/images/citysarajevo2.png) !important;
        background-repeat: no-repeat!important;
        background-position: 12px 5px!important;
        background-size: 87px!important;
  
    }


    .toggle-btn {
        display: block;
        z-index: 10;
        float: left;
        cursor: pointer;
        width: 100%;
    }


    #citySelectorToggle{

        display: block;
    }



#citySelectorToggle {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
  }
  
  #citySelectorToggle input
  {
    display: flex;
    width: 15px;
    height: 24px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  
  #citySelectorToggle span
  {
    display: flex;
    width: 4px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #a178fe;
    border-radius: 23px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    margin-bottom: 3px;
  }
  
  #citySelectorToggle span:first-child
  {
    transform-origin: 0% 0%;
  }
  
  #citySelectorToggle span:nth-last-child(2)
  {
    transform-origin: 0% 100%;
  }
  
  #citySelectorToggle input:checked ~ span
  {
    opacity: 1;
    transform: rotate(45deg) translate(11px, 4px);
    background: #ec14c5;
    width: 4px;
    height: 4px;
    right: 0px;
    top: 0px;
  }
  #citySelectorToggle input:checked ~ span:nth-last-child(3)
  {
    transform: rotate(-46deg) translate(0, -4px);
    top: -4px;
    left: 1px;
  }
  
  #citySelectorToggle input:checked ~ span:nth-last-child(2)
  {
    transform: rotate(-46deg) translate(0, 0px);
    left: 2px;
  }
  
  #citySelector2
  {
   
    position: fixed;
    top: 0;
    left: 0;
    width: 71%;
    height: 100vh;
    box-shadow: 0 0 10px #85888C;
    margin: 0px 0 0 0px;
    padding: 0px;
    border-top: 3px solid #f734b8;
    background-color: rgb(112, 51, 247,0.9);
    
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
  
  #citySelector2 li
  {
    padding: 10px 0;
    transition-delay: 2s;
    float: left;
       transform: translateY(0px);
        opacity: 1;
        vertical-align: middle;
        z-index: 1;
        background: #7033f7;
        color: #eae0ff;
        overflow: hidden;
        min-width: 100%;
        margin: 0px 0px 0px 0px;
        line-height: 30px;
        cursor: pointer;
        text-align: right;
        font-size: 13px;
        font-weight: 100;
        border-bottom: 1px solid #8c5cfb;
        margin-left: -10px;
        padding-right: 10px!important;
        height: 30px;
  }
  
  #citySelectorToggle input:checked ~ ul
  {
    transform: none;
  }




  .Sarajevo {
    background-image: url(/images/citysarajevo2.png) !important;
    background-repeat: no-repeat!important;
    background-position: 12px 5px!important;
    background-size: 87px!important;

}
.Gračanica {
    background-image: url(/images/citygracanica2.png) !important;
    background-repeat: no-repeat!important;
    background-position: 8px 8px!important;
    background-size: 87px!important;
}

.Tešanj {
    background-image: url(/images/citytesanj2.png) !important;
    background-repeat: no-repeat!important;
    background-position: 17px 12px!important;
    background-size: 96px!important;
}









    #categories li.food{
        background-image: url(/images/food2.png);
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: right 14px top 29px;
    }

    #categories li.night{
        background-image: url(/images/nightMenu2.png);
        background-size: 13px;
        background-repeat: no-repeat;
        background-position: right 15px top 14px;
    }

    #categories li.school{
        background-image: url(/images/schoolMenu2.png);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: right 13px top 18px;
    }

    #categories li.place{
        background-image: url(/images/placeMenu2.png);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: right 14px top 18px;
    }
    
    #categories li.tourism{
        background-image: url(/images/tourismMenu2.png);
        background-size: 13px;
        background-repeat: no-repeat;
        background-position: right 16px top 14px;
    }

    #categories li.market{
        background-image: url(/images/marketMenu2.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: right 18px top 16px;
    }
    #categories li.art{
        background-image: url(/images/artMenu2.png);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: right 17px top 17px;
    }

    #categories li.parks{
        background-image: url(/images/parksMenu2.png);
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: right 17px top 16px;
    }

    #categories li.prof{
        background-image: url(/images/profMenu2.png);
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: right 17px top 19px;
    }

    #categories li.sve{
       /* background-image: url(/images/profMenu2.png);
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: right 17px top 19px;*/

        background-color: #ff9507;
        color: #fff;
        border-bottom-left-radius: 25px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        text-align: center;
        line-height: 43px;
        top: 20px;
        width: 173px;
        padding: 1px;
        margin-left: 41px;
        height: 43px;
        font-size: 12px;
        border-right: 2px solid #e05205;
    }


    #strViewWindow {
        width: 100%;
     
    }
    #mly {
        width: 100%;
       
    }

    #insideDetails {
        display: block;
        width: 100%;
        top: 230px;
        bottom: 0;
        position: absolute;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        background: #fff;
    }



    #pretragax {
        display: none;
        width: 79px;
        z-index: 100;
        position: fixed;
        right: 0px!important;
        top: 56px;
        left: unset!important;
        transform: scaleX(-1);
        overflow: hidden;
        cursor: pointer;
    }



    #resultsc {
        display: none;
        width: 50%;
        height: 100vh;
        z-index: 99;
        overflow: hidden;
        position: fixed;
        top: 0px;
        left: 0px;
    }

    #resultsc div.header

    {
        display: block;
        float: left;
        width: 100%;
        height: 35px;
        top: 2px;
        padding-top: 21px;
        padding-left: 15px;
        overflow: hidden;
        background-color: #6226bb;
        background-repeat: no-repeat;
        color: #f6a5ff;
        font-size: 10px;
        font-family: 'Fira Sans', sans-serif;
        background-image:unset;
    }
    #resultsc .body {
        height: 100vh;
        width: 100%;
        background-color: rgba(255,255,255,0.9);
        overflow-y: scroll;
        overflow-x: hidden;
    }









    #resultst {
        display: none;
        width: 50%;
        height: 100vh;
        z-index: 100;
        overflow: hidden;
        position: fixed;
        top: 0px;
        right: 0px;
        left: unset;
    }

    #resultst div.header

    {
        display: block;
        float: left;
        width: 100%;
        height: 35px;
        top: 2px;
        padding-top: 21px;
        padding-left: 15px;
        overflow: hidden;
        background-color: #6226bb;
        background-repeat: no-repeat;
        color: #f6a5ff;
        font-size: 10px;
        font-family: 'Fira Sans', sans-serif;
        background-image:unset!important;
    }

    #resultst .body {
        height: 100vh;
        width: 50%;
        background-color: rgba(255,255,255,0.9);
        overflow-y: scroll;
        overflow-x: hidden;
    }



    #eventsHeader {
      
        padding-top: 1px;
        top: 0;
     
    }

    #eventsContainer {
      
        top: 115px;
      
    }

    #ulicex {
        width: 79px;
        z-index: 100;
        position: fixed;
        right: 0px;
        left: unset;
        top: 0px;
        cursor: pointer;
        transform: scaleX(-1);
    }

    #streetList {
        width: 100%;
        height: 100vh;
        z-index: 100;
        background-color: #7033f7;
        overflow: hidden;
        overflow-y: scroll;
        opacity: 0.95;
        position: fixed;
        top: 0px;
        left: 0px;
    }
      

    #rightHalf2{
        display: none;
        
    }

   


    .DirectionsPerspective{
        bottom: 86px!important;
        height: 206.36px;
        left: 189px;
        margin-left: -134px;
        transform: perspective(268px) rotateX(60deg);
        width: 268px;
    }


    .clipboard {
        border: 0;
        padding: 15px;
        border-radius: 3px;
        background-image: linear-gradient( 135deg, #FDEB71 10%, #F8D800 100%);
        cursor: pointer;
        color: #04048c;
        font-family: 'Karla', sans-serif;
        font-size: 16px;
        position: relative;
        top: 0;
        transition: all .2s ease;
    
      }

    #mapillaryContainer {
        position: absolute;
        top: 0px;
        bottom: 55px;
        overflow: hidden;
        width: 100%;
        z-index: 1;
        background-color: #551bd6;
    }

    #mapillaryContainerLoader{
        position: absolute;
        top: 0px;
        bottom: 55px;
        overflow: hidden;
        width: 100%;
        z-index: 1;
        background: url('/css/mapilaryloader.gif') 50% 50% no-repeat;
        background-color: #551bd6;
    }

    #mapillaryHalf {
        position: relative;
        width: 100%;
        height: 100vh;
        display: block;
        border-left: solid 3px;
        border-left-color: rgb(150, 81, 255);
    }



    #detailsScroller {
        display: block;
        width: 346px;
        top: 92px;
        bottom: 45px;
        position: absolute;
        padding: 0px 20px 20px 20px;
        font-size: 11px;
        font-weight: 200;
        color: #8d8d8d;
        overflow-x: unset!important;
        overflow-y: unset!important;
    }

    #footerDetailed {
        display: none;
        
    }
    #clickToShareMapillary{
        display: none;
    }

    #mapillaryCloseShare {
         
            top: 0px; 
            transform: scaleX(-1);
    right: 0px!important;
    left: unset;
        
    }

    .submenu{

        font-size: 9px;
        line-height: 66px;
        position: absolute;
        font-weight: 100;
        padding-left: 14px;
        color: #ffe45c;
        z-index: 888;
        pointer-events: none;

    }  
    
    .submenu1 {
        font-size: 9px;
        position: absolute;
        font-weight: 100;
        top: 15px;
        color: #ffe45c;
        z-index: 888;
    }

    .submenu2{
        font-size: 9px;
        position: absolute;
        font-weight: 100;
        padding-top: 3px;
        top: 0px;
        color: #ffe45c;
        z-index: 888;
    }
    .submenu2:hover{
        color: #d3a7ff;
    }


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


    #map {
        position: absolute;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        background-color: #fa5800;
        height: 100vh;
    }
    #header {
     display: block;
    position: absolute;
    bottom: 0px!important;
    left: 0;
    right: 0;
    height: 55px;
    background-color: #7033f7;
    z-index: 10000;
    -webkit-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    box-shadow: 0px -12px 18px -4px rgba(0,0,0,0.42);
    border-top: 1px solid #f733b8;
    }


.phone {
  
  
    width: 90px;
    height: 62px;
    position: relative;
    float: right;
   
  }
  .content1 {
  
  
    width: 100%;
  }
  nav {
   
    height: 65px;
  }
  
  
  #citySelector1Toggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 18px;
    right: 10px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    float: right;
  }
  
  #citySelector1Toggle input
  {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  
  #citySelector1Toggle span
  {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
  }
  
  #citySelector1Toggle span:first-child
  {
    transform-origin: 0% 0%;
  }
  
  #citySelector1Toggle span:nth-last-child(2)
  {
    transform-origin: 0% 100%;
  }
  
  #citySelector1Toggle input:checked ~ span
  {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
  }
  #citySelector1Toggle input:checked ~ span:nth-last-child(3)
  {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  
  #citySelector1Toggle input:checked ~ span:nth-last-child(2)
  {
    transform: rotate(-45deg) translate(0, -1px);
  }
  
  #citySelector1
  {
    position: absolute;
    width: 180px;
    height: 400px;
    box-shadow: 0 0 10px #85888C;
    margin: -50px 0 0 -407px;
    padding: 50px;
    padding-top: 125px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
        
  }
  
  #citySelector1 li
  {
    padding: 10px 0;
    transition-delay: 2s;
  }
  
  #citySelector1Toggle input:checked ~ ul
  {
    transform: none;
  }

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

    .menu-button {
        margin: 0.25em;
        display: none;
    }

#note {
   display: none;
  }
  #note1 {
    display: none;

      }
 

    #clickToShareKrpano {
        display: none;
       
    
    }
      
   

    #closeDetails {
    position: absolute;
    z-index: 2000;
    cursor: pointer;
    right: 6px;
    top: -58px;
    width: 20px;
    height: 61px;
    right: 66px;
    transition: 0.5s;
    opacity: 0;
}
    #closeDetails.toggle {
        position: absolute;
        z-index: 2001;
        cursor: pointer;
        top: 0px;
        right: 68px;
        transition: 0.5s;
        opacity: 1;
    }

    #krpanoClosebtx {
        z-index: 2003;
    
    top: 8px!important;
   
    }
    #krpanoClosebtx.toggle {
        z-index: 2003;
    right: 60px;
    top: 8px;
    opacity: 1;
    }


    #detailedBar{
        display:none;
        position:absolute;
        top:0px;
        bottom:0;
        right:-371px;
        z-index:2000;
        width:371px;
        background-color: rgba(254,254,254,0.80);
        overflow:hidden;
        transition: 0.5s;
        overflow-y: scroll;
    }
    .rightbottom{
        display:block;
       
    }
    
    #detailedBar.toggle{
        display:block;
        width: 100%;
        border-left: 1px solid #ffa2e1;
        z-index: 2000;
        right: 0;
        -webkit-box-shadow: -7px 2px 23px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: -7px 2px 23px 1px rgba(0,0,0,0.2);
        box-shadow: -7px 2px 23px 1px rgba(0,0,0,0.2);
        margin-bottom: 50px;
        transition: 0.5s;
    }

    #opensidemenu {
        display: block;
        float: left;
        width: 48px;
        height: 48px;
        background-color: #6429e7;
        overflow: hidden;
        margin-top: 0px;
        padding-top: 7px;
        margin-left: -4px;
        cursor: pointer;
    }

    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: #ff9507;
        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);
    }
    
    .clear {
        clear:both;
    }
  
    /* Small screen, retina, stuff to override above media query */

    #logom{
        display: block;
    float: left;
    margin-left: 0px;
    margin-top: 4px;
    padding-right: 4px;
    position: fixed;
    top: 0;
    }
    #logo{
        display: none;
        
    }
    #searchBox {
        isplay: block;
        float: left;
        width: 70%;
        margin-left: 20px;
        height: 30px;
        border-radius: 25px 25px 24px 24px;
        margin-top: 13px;
        background-image: url(/images/rmvozilo2.png);
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: right 10px top 9px;
        background-color: #4c16c4;
        overflow: hidden;
        position: relative;
    }
    #searchBoxLvl2 {
        display: block;
    float: left;
    width: 87%;
    height: 30px;
    border-radius: 11px!important;
    background-image: url(/images/rmsearchCikac.png);
    background-size: 16px!important;
    background-repeat: no-repeat;
    background-position: right 8px top 6px;
    background-color: #551bd6;
    overflow: hidden;
    }
    #searchBoxLvl3 {
        display: block;
        float: left;
        width: 84%;
        height: 30px;
        border-radius: 25px 25px 25px 25px;
        background-image: url(/images/lupa.png);
        background-repeat: no-repeat;
        background-position: right 9px top 7px;
        background-color: #5f1fee;
        overflow: hidden;
    }


    #searchInput{
        display: block;
        float: left;
        width: 72px;
        height: 23px;
        padding-left: 31px!important;
        background-image: url(/images/city.png);
        background-repeat: no-repeat;
        background-position: -11px -7px;
        background-size: 36px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        background-color: #5f1fee;
        border: 0;
        border-radius: 0px;
        font-size: 9px;
        color: #884e02;
        font-weight: 100;
        }
        #googlePlay{
            display: none;
        }

        #rightTop{
            display: none;
        }
  
  }

@-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: #9485ab;
    font-size: 9px;
    font-weight: 100;
}



#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);
  }
}





/*

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) { 
    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) { 
    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) { 
    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) { 
    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) { 

@media only screen and (max-width: 480px) {



    #logom{
        display: block;
        float: left;
        margin-left: 14px;
        margin-top: 10px;
    }
    #logo{
        display: none;
        
    }
    #searchBox {
        display: block;
        float: left;
        width: 207px;
        margin-left: 0px;
        height: 37px;
        border-radius: 25px 25px 24px 24px;
        margin-top: 8px;
        background-image: url(/images/rmvozilo2.png);
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: right 10px top 11px;
        background-color: #4c16c4;
        overflow: hidden;
        position: relative;
    }
    
    #textContactUs div div {
        margin: 12px 0;
    }
    #textContactUs div legend + div {
        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;
    }
}
@media only screen and (max-width: 480px) {



    #logom{
        display: block;
        float: left;
        margin-left: 14px;
        margin-top: 10px;
    }
    #logo{
        display: none;
        
    }
    #searchBox {
        display: block;
        float: left;
        width: 207px;
        margin-left: 0px;
        height: 37px;
        border-radius: 25px 25px 24px 24px;
        margin-top: 8px;
        background-image: url(/images/rmvozilo2.png);
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: right 10px top 11px;
        background-color: #4c16c4;
        overflow: hidden;
        position: relative;
    }
    
    #textContactUs div div {
        margin: 12px 0;
    }
    #textContactUs div legend + div {
        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;
    }
}



*/
@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) { 

    .Sarajevo {
        background-image: url(/images/citysarajevo2.png) !important;
        background-repeat: no-repeat!important;
        background-position: 33px 8px!important;
        background-size: 87px!important;
      }
      
      
      .Zagreb {
        background-image: url(/images/cityzagreb2.png) !important;
        background-repeat: no-repeat!important;
        background-position: 55px -4px!important;
    background-size: 89px!important;
    cursor: pointer;
      }
      .Gračanica {
        background-image: url(/images/citygracanica2.png) !important;
        background-repeat: no-repeat!important;
        background-position: 81px -3px!important;
    background-size: 60px!important;
    cursor: pointer;
      }
      
      .Tešanj {
        background-image: url(/images/citytesanj2.png) !important;
        background-repeat: no-repeat!important;
        background-position: 66px -3px!important;
        background-size: 75px!important;
        cursor: pointer;
      }

    .Sarajevo {
        background-image: url(/images/citysarajevo2.png) !important;
        background-repeat: no-repeat!important;
        background-position: 75px -4px!important;
    background-size: 75px!important;
    cursor: pointer;
    }

    .toggle-btn {
        display: block;
        z-index: 10;
        float: left;
        cursor: pointer;
        width: 25%;
       
    }



    #citySelectorToggle{

        display: none;
    }


    #mapillaryCloseShare {
        width: 100px;
        height: 42px;
        display: block;
        overflow: hidden;
        background-image: url(/images/rmclosedetail2f.png) !important;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 80px;
        position: absolute;
        top: 11px;
        left: 0px;
        z-index: 2006;
        overflow: hidden;
        transform: unset;
    }

    #pretragax {
        display: none;
        width: 79px;
        z-index: 100;
        position: absolute;
        left: 846px!important;
        top: 56px;
        cursor: pointer;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        overflow:hidden;
        cursor: pointer;
    }


#resultsc{
    display:none;
    width: 278px;
    height: 100vh;
    z-index: 99;
    position: absolute;
    left: 306px;
    top: 30px;
    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;
    background-color: unset;
    color:#f6a5ff;
    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;
}



/* pretraga */
#resultsc .body  {
    height: 100vh;
    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: #8b5bf6!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: #9651ff;
    border-radius: 5px;
    height: 36px;
}
#resultsc .body::-webkit-scrollbar-thumb:hover {
   background-color: #b98aff;
    border-radius: 5px;
    height: 36px;
}

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

/* div box */


#resultst{
    display:none;
    width: 277px;
    height: 100vh;
    z-index: 100;
    position: absolute;
    left: 583px;
    top: 30px;
    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')!important;
    background-position:-278px top;
    background-repeat:no-repeat;
    background-color: unset;
    color:#f6a5ff;
    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: 100vh;
    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;
}




#resultst .body  {
    height: 100vh;
    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: #8b5bf6!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: #9651ff;
    border-radius: 5px;
    height: 36px;
}
#resultst .body::-webkit-scrollbar-thumb:hover {
   background-color: #b98aff;
    border-radius: 5px;
    height: 36px;
}

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



    #eventsContainer {
        top: 119px;
    }

    #eventsHeader {
        padding-top: 1px;
        top: 6px;
    }


    #ulicex {
        display:none;
       
        width: 79px;
        z-index: 100;
        position: absolute;
        left: 500px;
        top: 56px;
        cursor: pointer;
    }
    #streetList{
        display:none;
        width: 277px;
        height: 100vh;
        z-index: 100;
        position: absolute;
        left: 262px;
        top: 56px;
        background-color:#7033f7;
        overflow:hidden;
        overflow-y:scroll;
        opacity: 0.95;
    }
    


    #rightHalf3{
        display: none;
        
    }

    #mapillaryContainer{
        position:absolute;
        top:47px;
        bottom:0;
        right:0;
        overflow: hidden;
        width:50%;
        z-index:1;
        background-color: #551bd6;
    }
    
    #mapillaryContainer.active{
        z-index:3000;
    }

    #mapillaryContainerLoader{
        position:absolute;
        top:47px;
        bottom:0;
        right:0;
        overflow: hidden;
        width:50%;
        z-index:1;
        background: url('/css/mapilaryloader.gif') 50% 50% no-repeat;
        background-color: #551bd6;
    }

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


    #detailsScroller{
        display: block;
        width: 346px;
        top: 92px;
        bottom: 45px;
        position: absolute;
        overflow-y: scroll!important;
        padding: 0px 20px 20px 20px;
        font-size: 11px;
        font-weight: 200;
        color: #8d8d8d;
        overflow-x: hidden!important;
    }

    #footerDetailed {
        display: block;
        
    }


    #krpanoClosebtx{
        position: absolute;
        z-index: 2001;
        cursor: pointer;
        right: 6px;
        top: 58px;
        
        transition: 0.5s;
        opacity: 0;
        -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;
    }
    
    #krpanoClosebtx: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;
           
        }
    
    #krpanoClosebtx.toggle{
        
       
        z-index: 2003;
        right: 378px;
        top: 66px!important;
        opacity: 1;
    
    }



    #searchBox1{
       display: none;
    }


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

    #map {
        position: absolute;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        background-color: #fa5800;
    }


    #header {
        display: block;
        position: absolute;
        top: 0!important;
        left: 0;
        right: 0;
        height: 55px;
        border-top: 1px solid #fa5800;
    border-bottom: 3px solid #ff9509;
    background-color: #fa5800;
        z-index: 10000;
        -webkit-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
        -moz-box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
        box-shadow: 0px 10px 23px -4px rgba(0,0,0,0.42);
    }

    .phone {
  
  display: none;
       left:-1000px;
      }

   
    .menu-button {
        margin: 0.25em;
        display: block;
    }

    .content1 {
        display: none;
    }


#note {
    position: absolute;
    z-index: 6001;
    top: 52px;
    left: 698px;
    right: 0;
    width: 215px;
    background: #fff;
    text-align: left;
    line-height: 4px;
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 6.8px 13.2px rgba(0, 0, 0, 0.014), 0 -4.3px 8.3px rgba(0, 0, 0, 0.028), 0 -1.5px 10px rgba(0, 0, 0, 0.02), 0 -10.7px 13.9px rgba(0, 0, 0, 0.012), 0 13.8px 13.4px rgba(0, 0, 0, 0.0016), 0 7px 11px rgba(0, 0, 0, 0.12);
    background-image: url(/images/alertsv.png);
    background-size: 14px!important;
  background-repeat: no-repeat;
  background-position: right 13px top 18px;
  display: block;
  }
  #note1 {
    position: absolute;
      z-index: 6001;
      display: block;
      top: 22px;
      left: 611px;
      right: 0;
      width: 215px;
      height: 26px;
      background-image: url(/images/alertarrow.png);
      background-size: 14px!important;
      background-repeat: no-repeat;
      background-position: right 13px top 18px;
      }
  .cssanimations.csstransforms #note {
    -webkit-transform: translateY(-150px);
    -webkit-animation: slideDown 4.5s 6.0s 1 ease forwards;
    -moz-transform: translateY(-150px);
    -moz-animation: slideDown 4.5s 6.0s 1 ease forwards;
  }
  .cssanimations.csstransforms #note1 {
    -webkit-transform: translateY(-150px);
    -webkit-animation: slideDown 4.5s 6.0s 1 ease forwards;
    -moz-transform: translateY(-150px);
    -moz-animation: slideDown 4.5s 6.0s 1 ease forwards;
  }



    #clickToShareMapillary {
        display: block;
        width: 212px;
        height: 29px;
        margin-top: 19px;
        margin-left: 14px;
        cursor: pointer;
        background: #fff;
        position: fixed;
        bottom: 6px;
        right: 0;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
        -webkit-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
        -moz-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
        box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
    }

    #clickToShareKrpano {
        display: block;
        width: 212px;
        height: 29px;
        margin-top: 19px;
        margin-left: 14px;
        cursor: pointer;
        background: #fff;
        position: fixed;
        bottom: 6px;
        right: 0;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
        -webkit-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
        -moz-box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
        box-shadow: 0px -1px 24px 0px rgba(0,0,0,0.28);
    }

    #closeDetails{
        position: absolute;
        z-index: 2000;
        cursor: pointer;
        right: 6px;
        top: 58px;
        width: 20px;
        height: 61px;
        
        right:44px;
        transition: 0.5s;
        opacity: 0;
    }
    
    #closeDetails.toggle{
        
       display: block;
        position: absolute;
        z-index: 2001;
        cursor: pointer;
        top: 58px;
        right: 387px;
        transition: 0.5s;
        opacity: 1;
    
    }

    .rightbottom{
        display:block;
       
    }


    #detailedBar{
        position:absolute;
        top:52px;
        bottom:0;
        right:-371px;
        z-index:2000;
        width:371px;
        background-color: rgba(254,254,254,0.80);
        overflow:hidden;
        transition: 0.5s;
    }
    
    #detailedBar.toggle{
        width: 371px;
        border-left: 1px solid #ffa94e;
        z-index: 2000;
        right: 0;
        -webkit-box-shadow: -7px 2px 23px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: -7px 2px 23px 1px rgba(0,0,0,0.2);
        box-shadow: -7px 2px 23px 1px rgba(0,0,0,0.2);
        margin-bottom: 0px;
      
    }


    #opensidemenu{
        display: block;
        float: left;
        width: 65px;
        height: 56px;
        background-color: #e05105;
        overflow: hidden;
        margin-top: -10px;
        margin-left: -4px;
        cursor: pointer;
    }


    #googlePlay{
        display: block;
    }

    #rightTop{
        display: block;
    }
    #logo{
        display: block;
        
    }
    #logom{
        display: none;
        
    }
       

            #eventsPromo{
                display: block;
                position: relative;
                width:261px;
                height:119px;
                float:left;
                background-position: left top;
                background-repeat: no-repeat;
                background-image: url("/images/eventsbg2.png");
                background-size: 261px;
                z-index: 1000;
            }


            #searchBox{
                display: block;
                 float: left;
                 width: 555px;
                 margin-left: 110px;
                 height: 37px;
                 border-radius: 25px 25px 24px 24px;
                 margin-top: 8px;
                 background-image: url(/images/rmvozilo.png);
                 background-repeat: no-repeat;
                 background-position: right 12px top 10px;
                 background-color: #4c16c4;
                 overflow: hidden;
                 position: relative;
             }
             
             #searchBox.active{
                 background-image: url("/images/rmvoziloRoll.gif");
             }
             
             
             #searchBoxLvl2{
                  display: block;
                 float: left;
                 width: 521px;
                 height: 37px;
                 border-radius: 25px 25px 25px 25px!important;
                 background-image: url(/images/rmsearchCikac2.png);
                 background-size: 16px!important;
                 background-repeat: no-repeat;
                 background-position: right 13px top 9px;
                 background-color: #551bd6;
                 overflow: hidden;
             }
             
             #searchBoxLvl2.active{
                 background-image: url("/images/rmsearchCikacRoll.gif");
                 background-position: right 12px top 6px;
                 transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
             }
             
             #searchBoxLvl3{
                 display: block;
                 float: left;
                 width: 486px;
                 height: 37px;
                 border-radius: 25px 25px 25px 25px;
                 background-image: url("/images/lupa.png");
                 background-repeat: no-repeat;
                 background-position: right 9px top 10px;
                 background-color: #ff9507;
                 overflow: hidden;
                 margin-left: 110px;
                 margin-top: 8px;
             }
             
             #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;
                 outline: 0;
                 padding-left: 38px;
                 background-image: url(/images/city.png);
                 background-repeat: no-repeat;
                 background-position: 0px -2px;
                 white-space: nowrap;
                 overflow: hidden !important;
                 text-overflow: ellipsis;
                 background-color: #ff9507;
    border: 0;
    border-radius: 25px;
    font-size: 9px;
    color: #884e02;
                 font-weight: 100;
                 padding-left: 43px!important;
             }
             #searchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                 color: #884e02;
             }
             #searchInput::-moz-placeholder { /* Firefox 19+ */
                 color: #884e02;
             }
             #searchInput:-ms-input-placeholder { /* IE 10+ */
                 color: #884e02;
             }
             #searchInput:-moz-placeholder { /* Firefox 18- */
                 color: #884e02;
             }
             
             div#searchBoxLvl3 input#searchInput:focus{
                 border: none;
                 padding-left: 50px !important;
                 box-shadow: none;
                 padding-top: 3px;
                 height: 30px!important;
             }
             
             .selectfield {
                 border: none;
                 border-radius: 50px;
                 color: rgba(255,255,255,0.9);
                 background: #7033f7;
                 padding: 2px 49px 0px 18px;
                 margin: 5px -28px 0px 0px;
                 line-height: 32px;
                 font-size: 10px;
                 font-weight: 200;
             }
             
             .selectfield option {
                 background: #7033f7;
                 color:rgba(255,255,255,0.5);
             }
             

#searchBox {
display: block;
    float: left;
    width: 555px;
    margin-left: 110px;
    height: 37px;
    border-radius: 25px 25px 24px 24px;
    margin-top: 8px;
    background-image: url(/images/rmvozilo2.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: right 10px top 11px;
    background-color: #4c16c4;
    overflow: hidden;
    position: relative;
}

#searchBox.active{
    background-image: url("/images/rmvoziloRoll2.gif");
    background-size: 28px;
    background-position: right 5px top 4px;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

/**top button**/
.topbutton {
    vertical-align: middle;
    position: relative;
    z-index: 1;
    border-radius: 40px;
    background: #7033f7;
    color: #eae0ff;
    overflow: hidden;
    transition: color 0.3s;
    border-radius: 70px;
    padding: 10px 15px 12px 15px;
    min-width: 80px;
    margin: 9px 8px 0 0;
    cursor: pointer;
    text-align: center;
    font-size: 8px;
    font-weight: 400;
    height: 5px;
    border: 3px solid #8149ff;
}


.centarOfPopup {
    eight: auto;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: right 2px bottom 1px;
    background-image: url(/images/popuplogotip2.png);
    background-size: 14px;
}

.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/rmkako2.png)!important;
        background-size: 260px;
        background-repeat: no-repeat;
        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;
        
    }

    #floatingMenuLogo{
        display:block;
        float:left;
        width:259px;
        height:128px;
        background-image: url("/look/images/rmkakokoristitirutmaplogo2.png");
        background-size: 228px;
        background-repeat: no-repeat;
        background-position: right 12px bottom 8px;
        background-repeat: no-repeat;
        border-bottom:1px solid #f734b8;
    }

    #dPic{
        width:371px;
        height:255px;
        background-color: #000000;
        display:none;
        float:left;
        overflow: hidden;
        background-image: url(/images/rmdefaultprofil2.jpg);
        background-size: 371px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }

    #contactDetailed{
        display: block;
        float: left;
        position: absolute;
        top: 45px;
        width: 371px;
        height: 62px;
        background-position: 22px 23px;
        background-repeat: no-repeat;
        background-image: url(/images/teldetail2.png);
        background-size: 12px;
            
    }


    #contactDetailed div.socials a.fb{
        display:block;
        float:left;
        width:21px;
        height:21px;
        border:0;
        outline:0;
        background-position: left top;
        background-repeat: no-repeat;
        background-image: url("/images/rmsocials2.png");
        background-size: 122px;
    }
    
    #contactDetailed div.socials a.tw{
        display:block;
        float:left;
        width:22px;
        height:21px;
        border:0;
        outline:0;
        margin-left:10px;
        background-position: -33px top;
        background-repeat: no-repeat;
        background-image: url("/images/rmsocials2.png");
        background-size: 122px;
    }
    
 
    
    #contactDetailed div.socials a.ln{
        display:block;
        float:left;
        width:21px;
        height:21px;
        border:0;
        outline:0;
        margin-left:10px;
        background-position: -68px top;
        background-repeat: no-repeat;
        background-image: url("/images/rmsocials2.png");
        background-size: 122px;
    }
    #leftHalf{
        display: block;
        margin-left: 98px;
        position: relative;
        width: 185px;
        height: 45px;
        background-image: url(/images/rmsvdetail2.png);
        background-size: 15.5px;
        background-repeat: no-repeat;
        background-position: 38px 26px;
        cursor: pointer;
        -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;
        }
        #leftHalf:hover{
         
            background-position: 40px 26px;
            cursor: pointer;
            -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;
            }
        #rightHalf{
            display: block;
            float: right;
            position: relative;
            width: 185px;
            height: 45px;
            background-image: url(/images/codedetail2.png);
            background-repeat: no-repeat;
            background-position: 10px 28px;
            background-size: 19.5px;
            cursor: pointer;
            font-weight: 100;
            -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;
        }

        #rightHalf:hover{
        
            background-position: 13px 28px;
            background-size: 19.5px;
            cursor: pointer;
            font-weight: 100;
            -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;
        }

        #rightHalf2 {
            display: block;
            float: right;
            margin-top: 8px;
            font-size: 11px;
            padding-left: 25px;
            position: relative;
            width: 174px;
            height: 45px;
            background-image: url(/images/codedetail2.png);
            background-repeat: no-repeat;
            background-position: 0px -1px;
            background-size: 19.5px;
            cursor: pointer;
            font-weight: 100;
            -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;
        }
        #rightHalf2:hover{
        
            background-position: 3px -1px;
            background-size: 19.5px;
            cursor: pointer;
            font-weight: 100;
            -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;
        }

        .eventsar{
            display: block;
            float: left;
            
            position: relative;
          
            background-image: url(/images/eventsar2.png);
            background-repeat: no-repeat;
            background-position: 101px 7px;
             background-size: 12px;
            cursor: pointer;
            font-weight: 100;
            -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;
        }
        .eventsar:hover{
        
            background-position: 105px 7px;
            background-size: 12px;
            cursor: pointer;
            font-weight: 100;
            -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;
        }
        .submenu{

        font-size: 9px;
        line-height: 66px;
        position: absolute;
        font-weight: 100;
        padding-left: 14px;
        color: #964600;
        z-index: 888;
        pointer-events: none;

    }  
    
    .submenu1 {
        font-size: 9px;
        position: absolute;
        font-weight: 100;
        top: 15px;
        color: #964600;
        z-index: 888;
    }

    .submenu2{
        font-size: 9px;
        position: absolute;
        font-weight: 100;
        padding-top: 3px;
        top: 0px;
        color: #964600;
        z-index: 888;
    }
    .submenu2:hover{
        color: #964600;
    }

    #categories li.food{
        background-image: url(/images/food2.png);
        background-size: 19px;
        background-repeat: no-repeat;
        background-position: right 14px top 29px;
    }

    #categories li.night{
        background-image: url(/images/nightMenu2.png);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: right 13px top 14px;
    }

    #categories li.school{
        background-image: url(/images/schoolMenu2.png);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: right 13px top 18px;
    }

    #categories li.place{
        background-image: url(/images/placeMenu2.png);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: right 13px top 18px;
    }
    
    #categories li.tourism{
        background-image: url(/images/tourismMenu2.png);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: right 12px top 14px;
    
    }

    #categories li.market{
        background-image: url(/images/marketMenu2.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right 11px top 16px;
    }
    #categories li.art{
        background-image: url(/images/artMenu2.png);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: right 17px top 17px;
    }

    #categories li.parks{
        background-image: url(/images/parksMenu2.png);
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: right 17px top 16px;
    }

    #categories li.prof{
        background-image: url(/images/profMenu2.png);
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: right 17px top 19px;
    }

    #categories li.sve{
       /* background-image: url(/images/profMenu2.png);
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: right 17px top 19px;*/

        background-color: #ff9507;
        color: #fff;
        border-bottom-left-radius: 25px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        text-align: center;
        line-height: 43px;
        top: 20px;
        width: 173px;
        padding: 1px;
        margin-left: 41px;
        height: 43px;
        font-size: 12px;
        border-right: 2px solid #e05205;
    }

    #categories {
        display: block;
        position: absolute;
        width: 261px;
        overflow-y: auto;
        overflow-x: hidden;
        bottom: 0;
        top: 260px;
        background-image: url(/images/vijecnicameni2.png)!important;
        background-size: 261px;
        background-repeat: no-repeat;
        background-position: left bottom;
        z-index: 888;
        margin-bottom: 0px;
    
    }



   
}