/* =====================================

    Resize Box

===================================== */



/* #scaleable-wrapper {

    padding: 20px;

    resize: both;

    position: relative;

    height: 100%;

    height: 1320px;

  }



#very-specific-design {

    max-width: 1050px;

    height: auto;

    padding: 0;

    text-align: center;

    position: relative;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    transform-origin: center center;

} */



.mt-5{margin-top: 5px;}



.mainDiv {

	position: relative;

}



.insideDiv ,

.insideDiv_2 {

	position: absolute;

	z-index:15;

}



.map_box{

  position: absolute;

  left: 0; right: 0; top: 0; bottom: 0;

  text-align: center;

}



/* #canvas{



} */



#canvas img,

#canvas_uae img{

  display: inline-block;

  margin: 0 auto;

  text-align: center;

  /* width: auto;

  max-width: 1050px; */

}



.tooltip.show{

  opacity: 1;

}



.map_tab{

  border: none;

  margin-bottom: 25px;

}



.map_tab li a{

  border: none;

  background: #DFDFDF;

  color: #000;

  font-weight: 600;

  min-width: 100px;

  padding: 8px 5px;

  line-height: normal;

  text-align: center;

  border-radius: 4px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.map_tab li:not(:last-child) a{margin-right: 10px;}



.map_tab.nav-tabs > li.active > a, 

.map_tab.nav-tabs > li.active > a:focus, 

.map_tab.nav-tabs > li.active > a:hover{

  background: #E69D22;

  color: #000;

  border: none;

}



.scroll_box{

  max-height: 600px;

  overflow-y: auto;

  margin-bottom: 30px;

  /* border: 1px solid red; */

}



.map_tabs_2 .map_area{

  width: 100%;

  max-width: 810px;

  margin: 0 auto;

  /* overflow: auto; */

}



/* =====================================

    Markers

===================================== */



/* .map_box svg{max-width: 100%;} */



.marker_points{

}



.marker_points ul{

    list-style: none;

    margin: 0;

    padding: 0;

}



.pulse_box {

    /* background: #E59A21; */

    /* width: 25px;

    height: 25px; */

    text-align: center;

    /* border-radius: 50%; */

    position: relative;

    cursor: pointer;

    -webkit-appearance: none;

    border: none;

    display: inline-block !important;



    /* transform: scale(1);

  	animation: pulse-black 2s infinite; */

}



.pulse_box:before{

  content:"\f041";

  font-family: "FontAwesome";

  font-size: 27px;

  color: #DB4437;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  position: relative;

  top: 0;

}



.pulse_box:hover:before{

  color: #000;

  -webkit-animation: mover .5s infinite  alternate;

  animation: mover .5s infinite  alternate;

}



@-webkit-keyframes mover {

  0% { top: 0px; }

  100% { top: -10px; }

}

@keyframes mover {

  0% { top: 0px; }

  100% { top: -10px; }

}



@keyframes pulse-black {

	0% {

		transform: scale(0.95);

		box-shadow: 0 0 0 0 rgba(219,68,55, 0.7);

	}

	

	70% {

		transform: scale(1);

		box-shadow: 0 0 0 7px rgba(219,68,55, 0);

	}

	

	100% {

		transform: scale(0.90);

		box-shadow: 0 0 0 0 rgba(219,68,55, 0);

	}

}



.w-100{width: 100%; display: inline-block;}



.popover-title{

  font-size: 16px !important;

  margin-bottom: 0 !important;

}



.popover{

  width: 100%;

  max-width: 320px;

}



.popover .fa-map-marker{font-size: 16px;}



.cont_box{

  color: #E69D22;

  padding: 5px 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.cont_box i{

  width: 20px;

  margin-right: 5px;

}



.cont_box:hover,

.cont_box:focus{

  color: #000;

}





.map_locate{

  display: flex;

  flex-direction: column;

  margin-bottom: 30px;

}



.map_locate .row,

.map_locate .map_addr_box .list-unstyled{

  display: flex;

  flex-wrap: wrap;

}



.map_locate .map_addr_box,

.map_locate .map_area{

  padding-left: 15px;

  padding-right: 15px;

}



.map_locate .map_addr_box .state_label{

  color: #a94442;

  font-weight: 600;

  text-transform: uppercase;

  font-size: 20px;

}



.map_locate .map_addr_box{

  flex: 0 0 358px;

  max-width: 358px;

}



.map_locate .map_addr_box{

  max-height: 864px;

  padding-right: 0;

}



.map_locate .map_addr_box .col-md-4,

.map_locate .map_addr_box .state_label{

  width: auto;

  flex: 0 0 100%;

  max-width: 100%;

  padding-left: 0;

  padding-right: 0;

}



.map_locate .mCSB_inside > .mCSB_container {

  margin-right: 18px;

}





.map_locate .map_area{

  max-width: 810px;

  flex: 0 0 810px;

  position: relative;

}



@media only screen and (device-width: 1199px), only screen and (max-width: 1199px) {



  .map_locate > .row{flex-direction: column-reverse;}



  .map_locate .map_area{

    flex: 0 0 auto;

    }



  .map_locate .map_addr_box{

    /* padding-right: 30px;

    margin: 0 auto; */

    display: none;

  }



}