body{
   background-color:#eee !important;
   font-family: 'Roboto', sans-serif !important;
}
.jvectormap-container{
   background-color: transparent !important;
}
.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback{
   background-color: #eee;
   font-size:30px;
   border-radius:50px;
   border:2px solid #bbb;
   width:30px;
   height:20px;
   color:#bbb;
   padding-top:14px;
   cursor: pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.jvectormap-zoomout{
   margin-top:30px;
}
.holdering{
   padding:0px;
   background-color:transparent;
  display: block;
  width:90%;
   margin-left: 5%;
  position: relative;
   height:50px;
  margin-top:10px;
   margin-bottom:10px;
   border-radius:10px;
   font-size: 20px;
   font-family: 'Roboto', sans-serif;
}
.holdering .cityname{
   font-weight:400;
   margin:0;
   height:auto;
   max-height:30px;
}
.holdering .countryname{
   font-size:16px;
   text-transform: uppercase;
   font-weight: 100;
   margin:0;
   height:auto;
   max-height:15px;
   margin-top:2px;
}
.jvectormap-tip{
   font-size:20px;
   min-width:170px
}
.anima {
  animation: col 3s linear infinite;
  transition: 0.5s;
  -webkit-transition:0.5s;
}
.anima:hover {
  transition: 0.5s;
  -webkit-transition:0.5s;
}
@keyframes col {
   0% {
       stroke-width:7.5px;
  }
   10% {
       stroke-width:7px;
  }
   20% {
       stroke-width:6.5px;
  }
   30% {
       stroke-width:6px;
  }
   40% {
       stroke-width:5.5px;
  }
   50% {
       stroke-width:5px;
  }
   60% {
       stroke-width:5.5px;
  }
   70% {
       stroke-width:6px;
  }
   80% {
       stroke-width:6.5px;
  }
   90% {
       stroke-width:7px;
  }
   100% {
       stroke-width:7.5px;
  }
}
.propattr{
   letter-spacing: 1px;
}
.modal {
   text-align: center;
}


@media only screen and (max-width: 767px) {
#mainmaphodler{
  position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 50px;
      margin-left: 0;
      margin-top: 0;
      padding:5px;
       border:1px solid transparent;
       -webkit-box-shadow: 0px 0px 33px -16px rgba(0,0,0,0);
       -moz-box-shadow: 0px 0px 33px -16px rgba(0,0,0,0);
       box-shadow: 0px 0px 33px -16px rgba(0,0,0,0);
}
#world-map{
   position: relative;
  width:100%;
   height:100%;
   background-color:transparent;
}
#mainlogo{
  width: 100px;
position: fixed;
left: 20px;
margin-left: 0;
top: 0;
}
#maintitle{
   display: inline-block;
   width:110px;
   background: transparent;
   right:20px;
   margin-left: 0;
  height:30px;
   top:0px;
   position:fixed;
   text-align:center;
   color:#2e2e2e;
   font-size:14px;
   text-align: right;
   font-family: 'Roboto', sans-serif;
}
#underlined{
   display: inline-block;
   width:100px;
   right:20px;
   margin-left:0;
  height:3px;
   top:38px;
   position:fixed;
   background-color: #ffca00;
}

#footertxt{
   width:100%;
   height:20px;
   bottom:30px;
   position:fixed;
   text-align:center;
   color:#999;
}
.instlink{
   color:#014b90;
   font-weight: 200;
   font-size: 16px;
   margin-top:20px;
   border-bottom:2px solid #ffca00;
   text-decoration: none !important;
   display: table;
}
.instlinkcont{
   color:#014b90;
   font-weight: 200;
   font-size: 16px;
   margin-top:10px;
   margin-left:0px;
   border-bottom:2px solid #ffca00;
   text-decoration: none !important;
   display: table;

}
.propvalue{
   font-weight:400;
   font-size:18px;
   letter-spacing: 1px;
   display: block;
}
.propvalue span{
  display: block;
}
}


@media only screen and (min-width: 768px) {
  .propvalue span{
    display: block;
  }
   .modal:before {
       display: inline-block;
       vertical-align: middle;
       content: " ";
       height: 100%;
  }
  #maintitle{
     display: inline-block;
     width:280px;
     background: transparent;
     left:50%;
     margin-left: -140px;
    height:30px;
     top:105px;
     position:fixed;
     text-align:center;
     color:#2e2e2e;
     font-size:22px;
     font-family: 'Roboto', sans-serif;
  }
  #underlined{
     display: inline-block;
     width:200px;
     left:50%;
     margin-left: -100px;
    height:3px;
     top:153px;
     position:fixed;
     background-color: #ffca00;
  }

  #footertxt{
     width:100%;
     height:20px;
     bottom:30px;
     position:fixed;
     text-align:center;
     color:#999;
  }
  #mainlogo{
     width:230px;
    position:fixed;
     left:50%;
     margin-left:-115px;
    top:0;
  }
  #mainmaphodler{
     position:fixed;
     width:70%;
     height:70%;
     left:17%;
     top:22%;
    margin-left: -30px;
     margin-top:-30px;
    padding:30px;
     border:1px solid transparent;
     -webkit-box-shadow: 0px 0px 33px -16px rgba(0,0,0,0);
     -moz-box-shadow: 0px 0px 33px -16px rgba(0,0,0,0);
     box-shadow: 0px 0px 33px -16px rgba(0,0,0,0);
  }
  #world-map{
     position: relative;
    width:100%;
     height:100%;
     background-color:transparent;
  }
  .instlink{
     color:#014b90;
     font-weight: 200;
     font-size: 16px;
     margin-top:20px;
     border-bottom:2px solid #ffca00;
     text-decoration: none !important;
  }
  .instlinkcont{
     color:#014b90;
     font-weight: 200;
     font-size: 16px;
     margin-top:20px;
     margin-left:20px;
     border-bottom:2px solid #ffca00;
     text-decoration: none !important;
  }
  .propvalue{
     font-weight:400;
     font-size:18px;
     letter-spacing: 1px;
      display: block;
  }
}





.modal-dialog {
   display: inline-block;
   text-align: left;
   vertical-align: middle;
   font-family: 'Roboto', sans-serif;
}
.modal-content{
   border-radius: 0 !important;
   padding: 40px;
   border-bottom:5px solid #014b90;
}
.fade {
   opacity: 0;
   -webkit-transition: opacity 0.5s linear !important;
   -o-transition: opacity 0.5s linear !important;
   transition: opacity 0.5s linear !important;
}
.modal-backdrop.in {
   filter: alpha(opacity=80) !important;
   opacity: .8 !important;
}
@media (min-width: 768px){
   .modal-dialog {
       width: auto !important;
       margin: 30px auto;
  }
}
.propattr{
   font-weight:100;
   font-size:18px;
}

.oneliner{
   width:100%;
   display: block;
   margin-top: 15px;
}

.instlinkpart{
   color:#014b90;
   font-weight: 400;
   font-size: 20px;
   margin-top:20px;
   border-bottom:2px solid #ffca00;
   text-decoration: none !important;
}
.instlinkapp{
   color:white !important;
   background-color: #014b90;
   font-weight: 200;
   font-size: 16px;
   margin-top:10px;
   padding:10px 20px;
   text-decoration: none !important;
   margin-top:20px;
   display: inline-block;
   letter-spacing:2px
}
.fa, .fas{
   font-size: 22px;
   padding: 1px;
   cursor: pointer;
}
.visanote{
   color:#999;
}
hr {
   margin-top: 40px !important;
   margin-bottom: 30px !important;
}
#closemodal1{
   position:absolute;
   top:-15px;
  right:-15px;
  background-color:#014b90;
  color:white;
  border-radius:50px;
  width:30px;
  height:30px;
  opacity:1;
  text-align:center;
  font-size:24px;
  padding-top: 3px;
}



.insttitl{
font-weight:300;font-size:25px;line-height:28px;color:#666;margin-bottom:10px;margin-top:10px;
}

.insttitl span{
color:#014b90; font-size:16px; letter-spacing:2px; font-weight:600; border-top:2px solid #eee; padding-top:10px; display: inline-block; max-width:150px;margin-bottom:10px;
}