.col_1,#events .carousel-control,.quote,.testimonial_home h4,.team_homei h4 a{color: #2da0e3 !important;}
.m_tag:focus{color:#fff}
.contact_1m ul li a,.couple_1 span:before,.couple_1 span:after,.button,#couple .couple_1 ul li a,.footer_map_1i .span_1 i,.footer_1i1 ul li a,#couple_o .couple_1 ul li a{background-color: #2da0e3;}
.timeline_1r img {border: 10px dashed #2da0e3;}
.button_1 {background: #1f7db3;}
.button:hover{background: #005586;}
.button_1:hover{background: #004770;}
.testimonial_home .carousel-indicators > li.active {background: #2da0e3 !important; border-color: #2da0e3;}
.footer_1i4 .form-control { border-bottom: 3px solid #2da0e3;}
#about blockquote,.contact_1m hr{ border-color: #2da0e3; }
.contact_1r .form-control{border-bottom: 3px solid #2da0e3;}

.bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }
.nav-link.pe-md-5 {
    background: #2da0e3;
    border-radius: 0 0 0 20px;
	position:relative;
}
.dropdown-item {color: #fff;}
.dropdown-menu.show { display: block; background: rgb(45 160 227 / 28%); }
.dropdown-item:focus, .dropdown-item:hover { color: #fff; background-color: rgb(44 54 89 / 37%); }
	header{
	 border-top: 10px solid #2da0e3;
}	 
	.nav-link.pe-md-5:before{
top: 5px;
    /* right: 0; */
    left: -29px;
    height: 20px;
    width: 34px;
    border-bottom-right-radius: 80px;
    -moz-border-bottom-right-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    -webkit-box-shadow: 0 40px 0 0 #FFE2AC;
    -moz-box-shadow: 0 40px 0 0 #FFE2AC;
    box-shadow: 0 4px 0px -1px #2da0e3;
    transform: rotate(-105deg);
    content: "";
    position: absolute;
}

.nav-link.pe-md-5:after {
    top: 0px;
    left: -29px;
    height: 26px;
    width: 34px;
    border-bottom-right-radius: 80px;
    -moz-border-bottom-right-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    -webkit-box-shadow: 0 40px 0 0 #FFE2AC;
    -moz-box-shadow: 0 40px 0 0 #FFE2AC;
    box-shadow: 0 10px 0px -1px #2da0e3;
    transform: rotate(-112deg);
    content: "";
    position: absolute;
}

img[usemap] {
		border: none;
		height: auto;
		max-width: 500px;
		width: 100%;
}
.image-map-container {

}
.image-map-container img {
  display:block;
}
.image-map-container .map-selector {
  left:0;
  top:0;
  right:0;
  bottom:0;
  color:#546E7A00;
  transition-duration: .3s;
	transition-timing-function: ease-out;
	transition-property: top, left, right, bottom, color;
}
.image-map-container .map-selector.hover {
  color:#546E7A80;
  
}

.image-map-container .map-selector.hover:after{
	transition-duration: .3s;
	transition-timing-function: ease-out;
	transition-property: all;
}
.map-selector:after {
	content: '';
	position: absolute;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	background: currentColor;
	pointer-events: none;
	width:0;
	height:0;
	opacity:0;
}

.tp .a1 {
    position: absolute;
    right: calc(100% - 85%);
    top: 28px;
    width: auto;
    height: auto;
    background: rgb(38 55 99 / 35%);
	font-size:13px;
	padding:5px;
}
.tp .hover:after {
    width: 1px;
    height: 29px;
	top: 47px;
    left: 319px !important;
    transform: rotate(61deg);
    background: #fff;
	opacity:1;
	}
	
.tp-rgt .a2{
    position: absolute;
    right: calc(100% - 121%);
    top: 193px;
    width: auto;
    height: auto;
    background: rgb(38 55 99 / 35%);
	font-size:13px;
	padding:5px;
}
.tp-rgt .hover:after {
	width: 1px;
    height: 29px;
    top: 169px;
    right: -14px !important;
	Left:auto;
    transform: rotate(120deg);
    background: #fff;
	opacity:1;
	}
	
.btm-rgt .a3 {
    position: absolute;
    right: -160px;
    top: 364px;
    width: auto;
    height: auto;
    background: rgb(38 55 99 / 35%);
	font-size:13px;
	padding:5px;
}
.btm-rgt .hover:after{
	width: 1px;
    height: 29px;
    top: 380px;
    right: -14px !important;
    Left: auto;
    transform: rotate(60deg);
    background: #fff;
	opacity:1;
	}
	
.btm .a4{
    position: absolute;
    left: 37px;
    top: 495px;
    width: auto;
    height: auto;
    background: rgb(38 55 99 / 35%);
	font-size:13px;
	padding:5px;
}
.btm .hover:after{
	width: 1px;
    height: 29px;
    top: 500px;
    right: 321px !important;
    Left: auto;
    transform: rotate(61deg);
    background: #fff;
    opacity: 1;
	}
		
.btm-lft .a5{
    position: absolute;
    left: -130px;
    top: 351px;
    width: auto;
    height: auto;
    background: rgb(38 55 99 / 35%);
	font-size:13px;
	padding:5px;
}
.btm-lft .hover:after{
    width: 1px;
    height: 29px;
    top: 370px;
    right: 513px !important;
    Left: auto;
    transform: rotate(120deg);
    background: #fff;
    opacity: 1;
	}
	
.tp-lft .a6{
    position: absolute;
    left: -145px;
    top: 167px;
    width: auto;
    height: auto;
    background: rgb(38 55 99 / 35%);
	font-size:13px;
	padding:5px;
}
.tp-lft .hover:after{
	width: 1px;
    height: 29px;
    top: 169px;
    right: 513px !important;
    Left: auto;
    transform: rotate(61deg);
    background: #fff;
    opacity: 1;
	}
	
.ctr .a7{
    position: absolute;
    left: 0;
    top: 424px;
    width: fit-content;
    height: auto;
    background: rgb(38 55 99 / 35%);
    font-size: 13px;
    padding: 5px;
    right: 0;
    margin: auto;
}
.ctr .hover:after{
	width: 1px;
    height: 29px;
    top: 392px;
    right: 250px !important;
    Left: auto;
    transform: rotate(0deg);
    background: #fff;
    opacity: 1;
	}
	
.a1,.a2,.a3,.a4,.a5,.a6,.a7{display:none;position:absolute;pointer-events:none;}

main{background: url(../src/BG.jpg);background-size: 100% 100%;background-repeat:no-repeat;padding-bottom: 30px;}
html,body,main{margin:0!important;height:100%!important;width:100%!important;display: inline-grid;}
.image-map-container div{color:#fff;text-shadow: -1px 1px 6px #000000;}
#menu{border-top:10px solid #2da0e3;padding-top:0!important;background: none !important;border-bottom:none;}
#menu .navbar-brand {margin: -5px 0 0 40px; }
.lgn { background: #2da0e3;padding-right: 50px !important;border-radius: 0 0 0 20px;position: relative; z-index: 0;}
.m_tag.lgn:hover{ color: #fff; background: #2da0e3 !important; }
.lgn::after{content: ""; position: absolute; top: 0px; left: -49px; height: 50px; width: 50px; background: transparent; border-bottom-left-radius: 50%; box-shadow: -1px 28px 0 0 #2da0e3; transform: rotate(258deg) scaleX(-1); z-index: -1;}
.navbar-nav.navbar-right:last-child { margin-right: -30px;}
	.m_tag:hover,.active_tab {
		color: #ffffff!important;
		text-decoration:underline;
		text-shadow: 0px 1px 2px rgb(0 0 0 / 39%), -1px 1px 4px rgb(0 0 0 / 66%);
		}
	.m_tag { color: rgb(255 255 255 / 75%);}
#menu.is-fixed { background: rgb(45 160 227 / 71%) !important; }
.is-fixed ul { margin-top: 20px; }
.is-fixed .lgn {border-radius: 20px 0 0 20px;}
.is-fixed .lgn::after {display:none;}

li a:hover{text-decoration:underline;}
@media (max-width: 1199px) {}

@media (max-width: 1016px) {	

	 header{padding-top: 10px;}

.tp-rgt .a2 {right: calc(100% - 110%);top: 245px;}
.tp-rgt .hover:after {top: 221px;right: 18px !important;}
.btm-rgt .a3 {right: -58px;top: 282px}
.btm-rgt .hover:after {top: 322px; right: 19px !important; height: 33px;}
.btm-lft .a5 {left: -58px;top: 282px;}
.btm-lft .hover:after {top: 322px;right: 484px !important;height: 33px;}
.tp-lft .a6 {left: -53px;top: 243px;}
.tp-lft .hover:after {top: 220px;right: 482px !important;}
}

@media (max-width: 427px) {.fs-2 {font-size: 20px !important;}li.nav-item {font-size: 12px;}}
@media (max-width: 768px) {
	header a.align-items-center { margin-left: 10px; }
	#menu .navbar-brand { margin:initial;}
	.lgn::after {display:none;}
	.navbar-nav.navbar-right:last-child { margin-right:0px; }
	.lgn {border-radius: 0 0 20px 20px;padding-right:20px !important;}
	.nav li {background: rgb(45 160 227 / 87%);}
	.m_tag { font-size: 16px; border-bottom: 1px solid #2da0e3; }
	.navbar-toggle{background:#2da0e3;}
	.navbar-toggle:hover,.navbar-toggle:focus { background: #017bc3 !important; }
	}
@media (max-width: 670px) {
.tp-rgt .a2 { right: 0; top: 0; margin: auto; bottom: 0; left: 0; margin-right: 1%; margin-top: 62%; width: fit-content; height: fit-content; }
.tp-rgt .hover:after { top: 0; right: 0 !important; left: 0; bottom: 0; margin: auto; margin-right: 11.5%; margin-top: 49%;transform: rotate(0deg);height:11%;}
.tp .a1 { top: 0; right: 0; left: 0; bottom: 0; margin: auto; margin-top: 33%; width: fit-content; height: fit-content; }
.tp .hover:after { top: 0; right: 0 !important; left: 0; bottom: 0; margin: auto; margin-top: 26%; margin-right: 50.2%; transform: rotate(0deg); height: 6%; }
.tp-lft .hover:after { top: 0; right: 0 !important; left: 0; bottom: 0; margin: auto; margin-left: 11.5%; margin-top: 49%; transform: rotate(0deg); height: 10%; }
.tp-lft .a6 { right: 0; top: 0; margin: auto; bottom: 0; left: 0; margin-left: 1%; margin-top: 61%; width: fit-content; height: fit-content;}
.btm .a4 { right: 0; top: 0; margin: auto; bottom: 0; left: 0; margin-bottom: 33%; width: fit-content; height: fit-content; }
.btm .hover::after { top: 0; right: 0 !important; left: 0; bottom: 0; margin: auto; margin-right: 50.1%; margin-top: 83%; transform: rotate(0deg); height: 5%;}
.ctr .a7 { right: 0; top: 0; margin: auto; bottom: 0; left: 0; margin-bottom: 84%; width: fit-content; height: fit-content; }
.ctr .hover:after { top: 0; right: 0 !important; left: 0; bottom: 0; margin: auto; margin-bottom: 77.7%; margin-right: 50.2%; transform: rotate(0deg); height: 5.4%;  }
}
@media (max-width: 612px) {
.btm-rgt .a3 { right: 0; top: 0; margin: auto; bottom: 0; left: 0; margin-right: 1%; margin-bottom: 59%; width: fit-content; height: fit-content; }
.btm-rgt .hover:after { top: 0; right: 0 !important; left: 0; bottom: 0; margin: auto; margin-right: 11.5%; margin-top: 56%; transform: rotate(0deg); height: 9.5%;}
.btm-lft .a5 {right: 0; top: 0; margin: auto; bottom: 0; left: 0; margin-left: 1%; margin-bottom: 59%; width: fit-content; height: fit-content;}
.btm-lft .hover:after { top: 0; right: 0 !important; left: 0; bottom: 0; margin: auto; margin-left: 11.5%; margin-top: 56%; transform: rotate(0deg); height: 9.5%; }
}
@media (max-width: 527px) {header .fw-bold { font-size: 4vw !important; }}
@media (max-width: 373px) {
    header .fw-bold {
        font-size: 3vw !important;
    }
}
@media (max-width: 354px) {
.nav-link {font-size: 3vw;}
.fs-2 { font-size: 5vw !important; }
}
@media (max-width: 360px) {
.tp-rgt .hover:after {}
}
@media (max-width: 320px) {
.tp-rgt .hover:after {}
}