.navbar-toggle {
    background: #ffffff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: fixed;
    display: block!important;
    top: 12px;
    left: auto;
    right: 15px;
    border: 0px solid #000000;
    padding: 0px 10px;
    z-index: 99;
}
.navbar-toggle .icon-bar{
	width: 30px; border-radius: 0px; height: 2px; background: #000000; z-index: 100;
}
.navbar-toggle .icon-bar-1{
}
.navbar-toggle .icon-bar-2{
    width: 15px; margin-left: 15px; 
}
.navbar-toggle .icon-bar-3{
}
#mainmenuLine{
    display: none;
}




@media (min-width:768px){
   /*.navbar-toggle {
    }
    .navbar-toggle .icon-bar{
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease; 
    }
    .navbar-toggle:hover{
    }
    .navbar-toggle:hover .icon-bar{
    }
    .shrink .navbar-toggle{
        top: calc(50vh - 25px);
    }
    .shrink .navbar-toggle .icon-bar{
        height: 1px;
    }
    .shrink .navbar-toggle .icon-bar-1{
        transform: rotate(90deg); margin-top: 0px;
    }
    .shrink .navbar-toggle .icon-bar-2{
        transform: rotate(45deg); width: 15px; margin-left: 13px;  margin-top: -10px;
    }
    .shrink .navbar-toggle .icon-bar-3{
        transform: rotate(-45deg); width: 15px; margin-left: 2px;   margin-top: -1px;
    }*/
}

@media (min-width:991px){
   .navbar-toggle {
        /*top: 35px;*/ transform: scale(1.5, 1.5);
    }
    #mainmenuLine{
        position: fixed;
    }
}

@media (min-width:1280px) and (min-height:900px){
    .navbar-toggle{
        right: 50px;
    }
    #mainmenuLine{
        right: 75px;
    }
}

@media (min-width:1920px){
    .navbar-toggle{
        right: calc((50% - 930px) + 50px);
    }
    #mainmenuLine{
        right: calc((50% - 930px) + 75px);
    }
    
}

#pois{
    width: 100%!important;
}

#settingscontainer{
	position: relative; float: left;
	width: 100%;
}
.setting-image{
	width: 100%;
}
.setting-caption{
    display: none;
}
.setting-caption h1{
}
.setting-caption h1::before{
}
.setting-caption h1::after{
}
.setting-caption h2{
}

#settingsmenu{
	position: relative; float: left;
	width: 100%; background: #ffffff; padding: 0px 0px 0px 0px;
}
#settingsmenu ul{
	padding: 0px; margin: 0px; width:100%; float: left;
    display: none;
}
#settingsmenu ul li{
	list-style: none; padding: 0px; width:100%; float: left; position: relative;
}
#settingsmenu ul li a{
}
#settingsmenu ul li a:hover{
}
#settingsmenu ul li a.active{
}



#settingscontainer .pointer{
	width: 25px; height: 25px; position: absolute; top: 0px; left: 0px; text-align: center; line-height: 30px; z-index: 1;
}

@media (max-width:768px){
    #settingscontainer .pointer{
        transform: scale(0.4); transform-origin: center;
    }
}
#settingscontainer .pointer-icon{
	width: 25px; height: 25px; position: absolute; top: 0px; left: 0px; text-align: center; line-height: 30px; z-index: 1;
}
#settingscontainer .pointer-icon svg{
	width: 25px; height: 25px;
}
#settingscontainer .pointer-icon svg .marker2,
#settingscontainer .pointer-icon svg .marker1,
#settingscontainer .pointer-icon svg .marker0{
    transform: scale(0.8,0.8);
    transform-origin: center;
    animation-fill-mode: forwards;
}

#settingscontainer .pointer-icon svg .marker0{
    -webkit-animation: pulsing0 2s linear infinite;
    -moz-animation: pulsing0 2s linear infinite;
    -ms-animation: pulsing0 2s linear infinite;
    -o-animation: pulsing0 2s linear infinite;
    animation: pulsing0 2s linear infinite;
}
#settingscontainer .pointer-icon svg .marker1{
    -webkit-animation: pulsing1 2s linear infinite;
    -moz-animation: pulsing1 2s linear infinite;
    -ms-animation: pulsing1 2s linear infinite;
    -o-animation: pulsing1 2s linear infinite;
    animation: pulsing1 2s linear infinite;
}
#settingscontainer .pointer-icon svg .marker2{
    -webkit-animation: pulsing2 2s linear infinite;
    -moz-animation: pulsing2 2s linear infinite;
    -ms-animation: pulsing2 2s linear infinite;
    -o-animation: pulsing2 2s linear infinite;
    animation: pulsing2 2s linear infinite;
}
#settingscontainer .pointer-icon:hover svg{
    -webkit-animation: hoverpulsing 1s linear;
    -moz-animation: hoverpulsing 1s linear;
    -ms-animation: hoverpulsing 1s linear;
    -o-animation: hoverpulsing 1s linear;
    animation: hoverpulsing 1s linear;
    transform-origin: center;
}
#settingscontainer .pointer-icon:hover svg .marker1{
    stroke: #B58A00!important;
}
#settingscontainer .pointer-icon:hover svg .marker2{
    stroke: #942323!important;
}

#settingscontainer .pointer-icon.visited svg .marker0{
    -webkit-animation: activepulsing0 1s linear;
    -moz-animation: activepulsing0 1s linear;
    -ms-animation: activepulsing0 1s linear;
    -o-animation: activepulsing0 1s linear;
    animation: activepulsing0 1s linear;
}
#settingscontainer .pointer-icon.visited svg .marker0{
      fill: #BCBCBC!important;
}
#settingscontainer .pointer-icon.visited svg .marker1{
    -webkit-animation: activepulsing1 1s linear;
    -moz-animation: activepulsing1 1s linear;
    -ms-animation: activepulsing1 1s linear;
    -o-animation: activepulsing1 1s linear;
    animation: activepulsing1 1s linear;
}
#settingscontainer .pointer-icon.visited svg .marker1{
      fill: #838383!important;
}
#settingscontainer .pointer-icon.visited svg .marker2{
    -webkit-animation: activepulsing1 1s linear;
    -moz-animation: activepulsing1 1s linear;
    -ms-animation: activepulsing1 1s linear;
    -o-animation: activepulsing1 1s linear;
    animation: activepulsing1 1s linear;
}
#settingscontainer .pointer-icon.visited svg .marker2{
      fill: #838383!important;
}

#settingscontainer .pointer-icon.active svg .marker0{
    -webkit-animation: activepulsing0 1s linear;
    -moz-animation: activepulsing0 1s linear;
    -ms-animation: activepulsing0 1s linear;
    -o-animation: activepulsing0 1s linear;
    animation: activepulsing0 1s linear;
}
#settingscontainer .pointer-icon.active svg .marker0{
      fill: #B58A00!important;
}
#settingscontainer .pointer-icon.active svg .marker1{
    -webkit-animation: activepulsing1 1s linear;
    -moz-animation: activepulsing1 1s linear;
    -ms-animation: activepulsing1 1s linear;
    -o-animation: activepulsing1 1s linear;
    animation: activepulsing1 1s linear;
}
#settingscontainer .pointer-icon.active svg .marker1{
      fill: #000000!important;
}
#settingscontainer .pointer-icon.active svg .marker2{
    -webkit-animation: activepulsing1 1s linear;
    -moz-animation: activepulsing1 1s linear;
    -ms-animation: activepulsing1 1s linear;
    -o-animation: activepulsing1 1s linear;
    animation: activepulsing1 1s linear;
}
#settingscontainer .pointer-icon.active svg .marker2{
      fill: #000000!important;
}

@keyframes pulsing0 {
  0% {
      transform: scale(1,1);
      fill: #ffffff;
  }
  50% {
      transform: scale(0.8,0.8);
      fill: #D6D6D6;
  }
  100% {
      transform: scale(1,1);
      fill: #ffffff;
  }
}
@keyframes pulsing1 {
  0% {
      fill: #D6D6D6;
  }
  50% {
      fill: #B58A00;
  }
  100% {
      fill: #D6D6D6;
  }
}
@keyframes pulsing2 {
  0% {
      fill: #D6D6D6;
  }
  50% {
      fill: #942323;
  }
  100% {
      fill: #D6D6D6;
  }
}
@keyframes hoverpulsing {
  0% {
      transform: scale(1,1);
  }
  50% {
      transform: scale(0.8,0.8);
  }
  100% {
      transform: scale(1,1);
  }
}
@keyframes activepulsing0 {
  0% {
      fill: #ffffff;
  }
  100% {
      fill: #B58A00;
  }
}
@keyframes activepulsing1 {
  0% {
      fill: #D6D6D6;
  }
  100% {
      fill: #000000;
  }
}
@keyframes activepulsing2 {
  0% {
      fill: #942324;
  }
  100% {
      fill: #000000;
  }
}

.open-pointer,
.close-pointer{
	position: absolute; top: 0px; left: 0px;
}
.close-pointer{
	display: none;
}
.pointer.active .close-pointer{
	display: block;
}
.pointer-icon .clicked{
	fill: #000000!important;
}
.pointer.active{
	 z-index: 12;
}



#settingsinfo{
	position: relative; float: left; top: 0px; left: 0px;
	width: 100%; padding: 0px 0px 0px 0px; height: 300px; 
}
#settingsinfo .pointer-info.active{
	z-index: 10; opacity: 1;
}
#settingsinfo .pointer-info h2{
	padding: 0px; color: #000000; font-size: 16px; text-transform: uppercase; margin-bottom: 15px;
}
#settingsinfo .pointer-info p{
	font-size: 1em; color: #000000; line-height: 1.4em;
}
#settingsinfoNav{
    position: absolute; text-align: center; /*bottom: 15px; */top: 15px; width: 100%; left:-8px;     z-index: 12;
    display: flex; justify-content: flex-start; padding-left: calc(50% - 220px);
}
#settingsinfoNav a{
    display: block; height: 30px; width: 30px; border: 1px solid #000000; color: #000000; border-radius: 50%;      
    font-size: 18px; line-height: 28px; margin: 0px 7.5px;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease; 
}

#settingsinfoNav a:hover{
    border: 1px solid #be8900; color: #be8900;
}

#settingsinfo .pointer-info-image img{
	width: 100%;
}
#settingsinfo .pointer-info-image.active{
	opacity: 1;
}
#settingsinfo .pointer-info{
	position: absolute; top: 0px; left: 0px; text-align: left; padding: 30px 0px 0px 0px; background: none; z-index: 0; opacity: 0; float: left; width: 100%; height: 100%;
    margin: 0px!important;
	
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
#settingsinfo .pointer-info-image{
	position: relative; float: left; top: 0px; left: 0px;
	width: 40%; padding: 0px;
}
#settingsinfo .pointer-info-caption{
	position: relative; float: left; top: 0px; left: 0px;
	width: 60%; padding: 15px 15px 15px 30px;
}



@media (max-width: 767px) {

    #settingsinfo {
        height: auto; padding-bottom: 60px; display: flex; justify-content: center;
    }
    #settingsinfo .pointer-info{
        display: flex; flex-wrap: wrap; max-width: 440px;
    }
    #settingsinfo .pointer-info.active{
        position: relative;
    }
    #settingsinfo .pointer-info-image{
        order: 2; width: 100%;
    }
    #settingsinfo .pointer-info-caption{
        order: 1; width: 100%; padding-left: 0px;
    }
    #settingsinfoNav{
    }
    #settingsinfo .pointer-info-image img{
        max-width: 300px;
    }
}

@media (min-width:768px){
    
    #settingsinfoNav{
        padding-left: calc(40% + 30px);
    }
    #settingsinfo .pointer-info-image{
        padding-top: 30px;
    }
    
}
@media (min-width:991px){
    
    
    #settingscontainer{
       width: 70%;
    }
    #settingsmenu{
       width: 30%; height: 100%; position: absolute; left: auto; right: 0px; padding: 0px; border-left: 30px solid #ffffff;
    }
    #settingsinfo{
        height: 100%;
    }
    #settingsinfo .pointer-info{
        padding: 0px;
    }
    #settingsinfo .pointer-info-image{
        width: 60%; padding-top: 45px;
    }
    #settingsinfo .pointer-info-caption{
        width: 100%; padding: 15px 0px 15px 0px;
    }
    #settingsinfoNav{
        width: 100%; left: -8px; /*bottom: 0px;*/
        padding: 0px; top: 0px;
    }
    
}


@media (min-width:1200px){
    #settingsinfo .pointer-info-image{
        width: 100%;
    }
    #settingsinfoNav{
        /*bottom: -15px;*/
    }
    #settingsinfo .pointer-info p{
        font-size: 1em;
    }
}

@media (min-width:1440px){
    #settingsinfoNav{
        /*bottom: 30px;*/
    }
}