@charset "euc-kr";

 



/* ****************** HEADER ********************** */
#head{position:relative; width:100%;  z-index:20;  background:#fff;

	opacity:1;filter:Alpha(opacity=100); 
	-webkit-transition:top 0.3s;
	-moz-transition:top 0.3s; 
	-o-transition:top 0.3s; 
	-ms-transition:top 0.3s; 
	transition:top 0.3s;} 

#headInner{position:relative;  height:100px;  z-index:99; background:#fff; 	 box-shadow: var(--shadow);}
#headInner .header-box{ position:relative; z-index:1000; }
#headInner .logo_wrap{ position:absolute; z-index:1000; 
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;  
	top:25px; 
	left:50%;
	width: 100%;
	max-width: 1400px;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%); 
	height: 1px; 
}
#headInner .trigger-wrap{ position:absolute; z-index:1000; 
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;  
	top:20px; 
	left:50%;
	width: 100%;
	max-width: 1400px;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%); 
	height: 1px; 
}
#headInner .logo{  position:relative;  
	opacity:1;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; 
	filter:Alpha(opacity=100); 
	transform:translateX(0); 
	-moz-transform:translateX(0);  
	-webkit-transition:top 0.3s;
	-moz-transition:top 0.3s; 
	-o-transition:top 0.3s; 
	-ms-transition:top 0.3s; 
	transition:top 0.3s;
	display: inline-block; z-index:9999; 
}
#headInner .fixed-logo{  position:relative;  display:none;  
	opacity:0;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; 
	filter:Alpha(opacity=100); 
	transform:translateX(0); 
	-moz-transform:translateX(0);  
	-webkit-transition:top 0.3s;
	-moz-transition:top 0.3s; 
	-o-transition:top 0.3s; 
	-ms-transition:top 0.3s; 
	transition:top 0.3s;}
#headInner .logo img,
#headInner .fixed-logo img { width: 100%; max-width: 240px; padding-left: 10px; }



/* -------- headerInner :: fixed -------- */ 
#headInner.fixed{	animation:HeaderFixed 0.7s; top:0px;  background:rgba(255,255,255,1); }
@-webkit-keyframes HeaderFixed {
	from {
		top:0px
	}
	to {
		top:0;
	}
}
@keyframes HeaderFixed {
	from {
		top:0px
	}
	to {
		top:0;
	}
}
#headInner.fixed .logo{ display:none;}
#headInner.fixed .fixed-logo{ display:block !important; opacity:1!important;}  
#headInner.fixed .nav-open-btn > span{ background-color:#fff;  } 

@media screen and (max-width:1240px){  
	#headInner .logo_wrap{  
		top:30px;   
	}
	#headInner .logo img,
	#headInner .fixed-logo img { max-width: 180px;  }
}
@media screen and (max-width:1120px){ 
	#headInner{ height:80px;}  
} 

@media screen and (max-width:992px){ 
	#headInner{ height:75px;} 
	#headInner .logo_wrap{  
		top:25%;  
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);  
	}
	#headInner .logo img,
	#headInner .fixed-logo img { max-width: 180px;  }
}
@media screen and (max-width:767px){ 
	#headInner .logo_wrap{  
		top:12px;   
	}
	#headInner{ height:60px;} 
	#headInner .logo img,
	#headInner .fixed-logo img { max-width: 180px;  }
}

@media screen and (max-width:576px){
}
 



 



 
.wrap-main-nav {
  width: 100%;
  height:  ;
  z-index: 1000;
  position: relative;
}

.main-nav {
  width: 100%;
  height: 100px ;
  background-color: #fff;

  box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);
  -o-box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);
  -ms-box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);

  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.menu-desktop {
  max-width: calc(100% ); 
  margin: 0 auto;
  height: 100px;
  position: relative;   
}
@media screen and (max-width:1120px){
	.menu-desktop { 
		height: 80px; 
	}
}
@media screen and (max-width:992px){
	.menu-desktop { 
		height: 80px; 
	}
}

.main-menu {
  list-style-type: none;   
  margin: 0 auto;
  height: 100%;
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center; 
  position: relative;   
  display: inline-block;
  text-align:center; 
  padding:0 ; 
	
}

.main-menu > li {
  height: 100%;
  position:  ;  
  display:inline-block;
  text-align:center;
}

.main-menu > li:first-child {
  margin-left: 320px;
}

.main-menu > li > a { 
  font-size: 20px;   
  color: #222;
	font-weight: 500;
  /* text-transform:uppercase */
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
	justify-content: flex-end;
  height: 100%;
  padding: 15px 0 15px 30px;
  margin: 0 -1px;
	letter-spacing: -1px;
  transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
@media screen and (max-width:1400px){ 
	.main-menu > li > a { 
		font-size: calc(1rem + 0.3vw) ;  
	  padding: 15px 0 15px 30px; 
	}   
	.main-menu > li:first-child {
	  margin-left: 300px;
	}
}

@media screen and (max-width:1240px){ 
	.main-menu > li > a {   
	  padding: 15px 0 15px 20px; 
	}  
	.main-menu > li:first-child {
	  margin-left: 160px;
	}
}
@media screen and (max-width:992px){  
	.main-menu > li > a {   
	  padding: 15px 0 15px 20px; 
	}  
}


.main-menu > li > a::before {
  content: "";
  display: none;
  position: absolute;
  width: calc(100% );
  height: 3px;
  bottom: 0;
  left:  ;
  background-color: var(--primary);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;

  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
 

li.main-menu-active > a::before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.main-menu > li > a:hover:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.main-menu > li > a:hover:after {
  color: var(--primary);
}

@media (max-width: 1240px) { 

}
 
.Mmenu1 .main-menu > li > a {          color: var(--primary); }  

/*---------------------------------------------*/
.sub-menu {
  list-style-type: none;
  position: absolute;
  top:0;
  left:100%;
  width: 225px;
  background-color: #fff;
  padding: 15px 0px 15px 0px;

  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;

  visibility: hidden;
  opacity: 0; 
  
  border: 1px solid #f2f2f2;
  box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
}

.sub-menu li {
  position: relative;
  background-color: transparent;
}

.main-menu > li > .sub-menu {
  top:100%;
  left: 0px;
}

.main-menu > li.respon-sub-menu > .sub-menu {
  top:100%;
  left: auto;
  right: 0;
}

li.respon-sub-menu > .sub-menu .sub-menu {
  top:0;
  left: auto;
  right: 100%;
}

.sub-menu a { 
  font-size: 14px;
  line-height: 1.7857;
  color: #222;

  display: block;
  padding: 8px 30px; 
  width: 100%;
	-webkit-transition:height 300ms ease-in-out;
	-moz-transition:height 300ms ease-in-out;
	-ms-transition:height 300ms ease-in-out;
	-o-transition:height 300ms ease-in-out;
	transition:height 300ms ease-in-out; 
}

@media (max-width: 1240px) {
  .sub-menu {
    width: 190px;
  }

  .sub-menu a {
    padding: 8px 20px;
  }
}


/*---------------------------------------------*/
.main-menu > li:hover > a:after {
  color: var(--primary);
}

.main-menu > li:hover > a {
  text-decoration: none;
  color: var(--primary);
}

.main-menu > li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
}

.sub-menu li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
} 

.sub-menu li:hover {
  background-color: transparent;
}

.sub-menu > li:hover > a {
  background-color: var(--primary);
  color: #fff;
  text-decoration: none;
}

/*------------------------------------------------------------------
[ Mega menu ]*/
.main-menu > li.mega-menu-item {
  position: static;
}

.sub-mega-menu {
  flex-wrap: wrap;
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% );
  background-color: #fff;
  background-image: url("../../new_img/common/logo-03.svg");
  background-size: 400px ;
	background-position: left 20px;
	background-repeat: no-repeat;
	
  /*display: none;  */
  /* text-transform:uppercase */ 
  border-top: 1px solid #ddd; 
  border-bottom: 1px solid #ddd; 
	box-shadow: var(--shadow);
  /*box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);*/
	
  /* -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px); 
  -webkit-transition: 0.5s all;
  transition: 0.5s all;*/
  opacity: 0;
  visibility: hidden;
   
}
.smm01{
  background-image:url(../img/common/logo.png) ; 
  background-position:90% 260px; 
  background-repeat: no-repeat; 
  background-size:400px;
}
.main-menu > li:hover .sub-mega-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;  
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.sub-mega-menu .nav {
  width: 240px;
  border-right: 1px solid #f2f2f2;
  padding: 30px 0;
}

.sub-mega-menu .tab-content {
  width: calc(100% );
	max-width: 1400px;
	opacity: 0;
	visibility: hidden;
	display: none;   
	margin: 0 auto;
	padding:20px 0 30px 200px;
}

.main-menu li:hover .sub-mega-menu .tab-content {  
	opacity: 1;
	visibility: visible; 
	display: block; 
}



/*---------------------------------------------*/
.sub-mega-menu .nav-pills .nav-link {
  
  font-size: 14px;
  line-height: 1.8;
  color: #222;
  border-radius: 0;
  padding: 8px 20px 8px 33px;
}

.sub-mega-menu .nav-pills .nav-link.active, 
.sub-mega-menu .show>.nav-pills .nav-link {
  color: #fff;
  background-color: var(--primary);
}

/*---------------------------------------------*/
.sub-mega-menu .tab-content .tab-pane {
  padding: 20px 50px 40px 50px;
  margin:0 auto;
} 
.sub-mega-menu .tab-content .tab-menu { 
  margin:5px 0;
	flex:0 0 auto;
	width:25%;   
}

.sub-mega-menu .tab-content .tab-pane h6{  
  position: relative; 
	font-size: 19px;  
	text-align: left; 
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 0px;
  padding: 12px 15px 12px 20px;
	letter-spacing: -0.5px;
  
}
.sub-mega-menu .tab-content .tab-pane h6:before {
	font-size: ;
	z-index: 20;
	font-family: "icomoon";
	content: "\e313";
	position: absolute;
	top: 50%;
	right: 12px;
	z-index: 20; 
	line-height: 30px;
	color: #222;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	-webkit-transform: translateY(-50%) ;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%) ;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; 
}

.sub-mega-menu .tab-content .tab-pane a:hover h6 {
    color: var(--secondary);
	background-color: #fff;
    color: #fff;
	background-color: var(--secondary);
	border: 1px solid var(--secondary);
}
.sub-mega-menu .tab-content .tab-pane a:hover h6:before { 
    color: #fff;
	background-color:  ;
}
.sub-mega-menu .tab-content .tab-pane p{  
  color:#444;
  font-size:1rem; 
}

.sub-mega-menu .tab-content .tab-pane .conheading {  
  position: relative;  
	text-align: left; 
	border-bottom: 1px solid #ddd !important; 
  padding: 0 0 5px 0; 
	margin-bottom: 10px
}

.sub-mega-menu .tab-content .tab-pane .conheading strong {   
	font-weight: 800 !important
}


@media screen and (max-width:1240px){ 
	.sub-mega-menu .tab-content .tab-pane h6{  
		font-size: calc(1rem + 0.2vw) ;  
	}
	.sub-mega-menu .tab-content .tab-menu { 
	  margin:5px 0;
		flex:0 0 auto;
		width:33.3333%;   
	}
}
/*==================================================================
[ Fixed menu desktop ]*/
.fix-menu-desktop .main-nav {
  position: fixed;
  top: -55px;
  left: 0;
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
}

.fix-menu-desktop .show-main-nav {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

.fix-menu-desktop .menu-desktop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.fix-menu-desktop .menu-desktop .logo-stick {
  display: block;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
[ Header Mobile ]*/
.wrap-header-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 65px;
  background-color: #fff;
  padding: 10px 25px;
  display: none;
  box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);
  -o-box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);
  -ms-box-shadow: 0 3px 8px 0px rgba(0,0,0,0.05);
  position: relative;
  z-index: 100;
}





/*----------------------------*\
	nav aside
\*----------------------------*/

.nav-btns { 
  float: right ;
  position:absolute;
  right: 30px;
  top:20px;
  padding: 10px 0px;
}

.nav-btns>button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: transparent;
}

#nav-aside {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  max-width: 40%;
  width: 100%; 
  padding: 80px 20px;
  overflow-y: scroll;
  z-index: 10;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.4s all cubic-bezier(.77, 0, .18, 1);
  transition: 0.4s all cubic-bezier(.77, 0, .18, 1);
}

#nav-aside.active {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.nav-aside-menu li a {
  display: block;
  padding: 15px 0px;
  color: #222;
  border-bottom: 1px solid #ddd;
}

.nav-aside-menu li a:hover, .nav-aside-menu li a:focus {
  color: var(--primary);
}

.nav-aside-menu li.has-dropdown>a {
  cursor: pointer;
}

.nav-aside-menu li.has-dropdown>a:after {
  font-family: 'icomoon';
  content: "\f0d7";
  float: right;
}

.nav-aside-menu li.has-dropdown>.dropdown {
  display: none;
  margin-left: 30px;
  border-left: 1px solid #323335;
}

.nav-aside-menu li.has-dropdown.active>.dropdown {
  display: block;
}

.nav-aside-menu li.has-dropdown>.dropdown a {
  padding: 15px;
}

.nav-close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 15px;
  background-color: transparent; 
  border: none;
  
}

.nav-close span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.nav-close span:before, .nav-close span:after {
  content: "";
  display: block;
  width: 30px;
  background-color: #222;
  height: 2px;
}

.nav-close span:before {
  -webkit-transform: translateY(0px) rotate(-135deg);
  -ms-transform: translateY(0px) rotate(-135deg);
  transform: translateY(0px) rotate(-135deg);
}

.nav-close span:after {
  -webkit-transform: translateY(-2px) rotate(135deg);
  -ms-transform: translateY(-2px) rotate(135deg);
  transform: translateY(-2px) rotate(135deg);
}


















/*------------------------------------------------------------------
[ Wrap Picture ]*/
.wrap-pic-s, .wrap-pic-max-s,
.wrap-pic-w, .wrap-pic-max-w,
.wrap-pic-h, .wrap-pic-max-h {display: block;}

.wrap-pic-w > img {width: 100%;
	border-radius: 0.25rem;
	display: none;}
.wrap-pic-max-w > img {max-width: 100%;
	border-radius: 0.25rem;}

.wrap-pic-h > img {height: 100%;}
.wrap-pic-max-h > img {max-height: 100%;}

.wrap-pic-s > img {width: 100%; height: 100%;}
.wrap-pic-max-s > img {max-width: 100%; max-height: 100%;}





/*==================================================================
      PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO
==================================================================*/
/*//////////////////////////////////////////////////////////////////
[ Hover ]*/

.hov-cl0:hover {color: #fff;}
.hov-bg0:hover {background-color: #fff;}

.hov-cl10:hover {color: #17b978;}
.hov-bg10:hover {background-color: #17b978;}

/*---------------------------------------------*/
.hov-img0 {
  display: block;
  overflow: hidden;
}

.hov-img0 > img{
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.9s ease;
  -o-transition: transform 0.9s ease;
  -moz-transition: transform 0.9s ease;
  transition: transform 0.9s ease;
	border-radius: 0.25rem;
}

.hov-img0:hover > img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/*---------------------------------------------*/
.hov-link1:hover {
  color: #17b978;
  text-decoration: underline;
}

/*---------------------------------------------*/
.hov-btn1:hover {
  background-color: #17b978;
  border-color: #17b978;
  color: #fff;
}

/*---------------------------------------------*/
.hov-btn2:hover {
  border-color: #17b978;
  color: #17b978;
}


/*---------------------------------------------*/
.hov1 img:hover {
  opacity: 0.8;
}






.menu-burger {
  cursor: pointer;
   position:absolute ; 
  right:10px ; top:20px ; 
	margin-left: 50px;
}

.menu-report {
  cursor: pointer; 
  margin-right:25px; 
  border:1px solid #ddd;
  border-radius:2rem;
  display: inline-block; 
  padding:.15em 1em .2em 1em;
	display: none;
}
.menu-report span{ 
  font-size:1rem; 
}
.menu-trigger {
	display: flex;
	align-items: center;
} 

.menu-trigger span {
  display: block;
  height: 2px;
  background: #1f1b1b;
  transition: 0.5s;
}

.menu-trigger span:nth-child(2) {
  margin: 10px 0px 8px;
}

span.menu-trigger {
  display: inline-block;
  width: 30px; 
}

.menu-trigger {
  cursor: pointer;
  /*position:absolute; 
  right:40px; top:40px;*/
}

.menu-trigger span:nth-child(1) {
  width: 15px;
  float: right;
}

.menu-trigger span:nth-child(3) {
  width: 23px;
  float: right;
}

.menu-trigger:hover span:nth-child(1), 
.menu-trigger:hover span:nth-child(3) {
  width: 30px;
}

.main-menu .off-canven-menu {
  position: fixed;
  background: rgba(255,255,255,1);
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  padding: ;
  transition: 0.5s;
  right: 100%;
  z-index: 1;
  overflow: hidden;
} 
@media (max-width: 992px) {   
}

@media only screen and (min-width: 991px) and (max-width: 1240px) { 
}

.main-menu .offcanvas-overlay.active {
  opacity: 0.2;
  visibility: visible;
  z-index: 3;
}

.main-menu .off-canven-menu.active {
  right: 0;
}

.main-menu .menu-btm-tex {
  background: #EFEBFF;
  padding: 7px;
  font-weight: 500;
}

.main-menu .off-canven-menu a {
  color: #222;
  font-size:  ;
  display: inline-block;
}

.main-menu .off-canven-menu a:hover {
  color: var(--primary);
}

.main-menu .social-icon {
  margin-bottom: 20px;
}

.main-menu .canven-menu-warp { 
  background-image:url(../img/common/pattern_color.svg) ; 
  background-position:-15% 140%; 
  background-repeat: no-repeat;
  background-size:25%;     
} 
.main-menu .canven-menu-iner {
  padding: 20px 0px;
  background-image:url(../img/common/pattern_color.svg) ; 
  background-position:105% -230px; 
  background-repeat: no-repeat;
  background-size:25%;
}

.main-menu .canven-menu-iner h5 {
  display:none;
}

.main-menu .canven-menu-iner h6 {
  display:block;
  text-align: left;
  border-bottom:2px solid var(--primary);
}
.main-menu .canven-menu-iner h6 a{
  display:block;
  padding: 0;
}
.main-menu .off-canven-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.main-menu .off-canven-menu ul li{ 
  padding: 0;
  margin: 0;
}

.main-menu .off-canven-menu ul li a { 
  font-size: ; 
  color: #222;
  font-weight: ; 
  margin: 0px;
  position: relative;
  z-index: 1;
  padding: 3px 0;
}

.main-menu .off-canven-menu ul li a:after {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  height: 10px;
  background-color: #ccc;
  content: "";
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.main-menu .off-canven-menu ul li a:hover:after {
  opacity: 1;
}

.main-menu .off-canven-menu ul li a:hover {
  color: #111;
}

.main-menu .close-icon {
  position: absolute;
  top: 10px;
  right: 30px;
  height: 100%;
  width: 50px;
}

.main-menu .canven-menu-warp {
  display: table;
  width: 100%;
  height: 100%; 
}

.main-menu .canven-menu-iner {
  display: table-cell;
  vertical-align: middle;
}

.main-menu .off-canven-menu i {
  height: 65px;
  width: 65px;
  background-color: #272822;
  color: #fff;
  font-size: 31px;
  border-radius: 50%;
  text-align: center;
  line-height: 63px;
}

.main-menu .off-canven-menu i:hover {
  background-color: #FF0083;
}

.main-menu .menu-btm-section {
  position: absolute;
  bottom: 67px;
  max-width: 306px;
}

.main-menu .close-icon i {
  position: absolute;
  text-align: center;
  top: 5%;
  width: 100%;
  line-height: 40px;
  margin-top: -20px;
  font-size: 25px;
  cursor: pointer;
  background-color: transparent;
  color: #000;
}

.main-menu .close-icon i:hover {
  position: absolute;
  text-align: center;
  top: 5%;
  width: 100%;
  line-height: 40px;
  margin-top: -20px;
  font-size: 25px;
  cursor: pointer;
  background-color: transparent;
  color: #000;
}




.Mmenu1 .main-menu .mega-menu-item.Menu1 > a {  color: var(--primary); }
.Mmenu2 .main-menu .mega-menu-item.Menu2 > a {  color: var(--primary); }
.Mmenu3 .main-menu .mega-menu-item.Menu3 > a {  color: var(--primary); }
.Mmenu4 .main-menu .mega-menu-item.Menu4 > a {  color: var(--primary); }
.Mmenu5 .main-menu .mega-menu-item.Menu5 > a {  color: var(--primary); }
.Mmenu6 .main-menu .mega-menu-item.Menu6 > a {  color: var(--primary); }
.Mmenu7 .main-menu .mega-menu-item.Menu7 > a {  color: var(--primary); }












.mobile-menu .menu-burger {
  cursor: pointer;
  position:absolute; 
  right:10px; top:25px;
	 display: flex;
	align-items:center
}

.mobile-menu .menu-report { 
  margin-right:15px;  
  padding:.1em .8em .2em .8em;
}

.mobile-menu .menu-report span{ 
  font-size:.9rem;
}

@media (max-width: 767px) {  
	.mobile-menu .menu-burger{  
		top:15px;
	} 
}


.mobile-menu .menu-trigger2 span {
  display: block;
  height: 2px;
  background: #1f1b1b;
  transition: 0.5s;
}

.mobile-menu .menu-trigger2 span:nth-child(2) {
  margin: 10px 0px 8px;
}

.mobile-menu span.menu-trigger2 {
  display: inline-block;
  width: 30px;
}

.mobile-menu .menu-trigger2 {
  cursor: pointer;
  /*position:absolute; 
  right:30px; top:30px;*/
	align-items:center
}

.mobile-menu .menu-trigger2 span:nth-child(1) {
  width: 15px;
  float: right;
}

.mobile-menu .menu-trigger2 span:nth-child(3) {
  width: 23px;
  float: right;
}

.mobile-menu .menu-trigger2:hover span:nth-child(1), .main-menu .menu-trigger2:hover span:nth-child(3) {
  width: 30px;
}






/* Navbar */
.site-navbar  {  
	z-index: 1999;
	position: absolute;  
	top: 0;
	left:0; right:0;
	padding:10px 0 ; 
	background: transparent;  
border-bottom: 0px solid  rgba(255,255,255,1)}

.site-navbar  >  .container-fluid { 
	width: 100%;  }

.nav-link  {  pointer-events: all; }
.site-navbar .home { display:none }
.site-navbar .site-logo {
	position: relative;
	width:100%; 
	max-width:240px;  
	left: 0; 
	top:0;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; }

@media (max-width: 1240px) { 		
	.site-navbar .site-logo { max-width:200px;  padding:10px 0 }
} 

@media (max-width: 992px) { 		
	.site-navbar .site-logo { max-width:180px;  }
}

@media (max-width: 768px) { 		
	.site-navbar .site-logo { max-width:160px;   }
}

@media (max-width: 576px) { 		
	.site-navbar .site-logo { }
}


.site-navbar .site-logo img {
	width:100%; 
	opacity:1;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; }
.site-navbar .site-logo.fixed {
	display:none; 
	opacity:0;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; }  
.site-navbar .site-navigation .site-menu {  }
.site-navbar .site-navigation .site-menu a {  
	z-index:9;
	text-decoration: none;
	display: inline-block; 
	font-size: calc(1rem + 0.3vw) ;
	color: #fff; 
	font-weight:400; }
.site-navbar .site-navigation .site-menu .active {
	color: var(--primary);
	display: inline-block;
	padding: 0px 20px; }
.site-navbar .site-navigation .site-menu > li { display: inline-block; }
.site-navbar .site-navigation .site-menu > li > h6{ display: none; }
.site-navbar .site-navigation .site-menu > li > a {
	position: relative;
	padding: 25px 20px;
	
	font-weight:400;
	display: inline-block;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; 
	text-decoration: none; } 


.site-navbar .site-navigation .site-menu > li > a:hover {          color: var(--primary); } 
.site-navbar .site-navigation .site-menu > li:hover > a {          color: var(--primary); } 


.Mmenu1 .site-navbar .site-navigation .site-menu > li.Menu1 > a {          color: var(--primary); } 
.Mmenu2 .site-navbar .site-navigation .site-menu > li.Menu2 > a {          color: var(--primary); } 
.Mmenu3 .site-navbar .site-navigation .site-menu > li.Menu3 > a {          color: var(--primary); } 
.Mmenu4 .site-navbar .site-navigation .site-menu > li.Menu4 > a {          color: var(--primary); } 
.Mmenu5 .site-navbar .site-navigation .site-menu > li.Menu5 > a {          color: var(--primary); } 
.Mmenu6 .site-navbar .site-navigation .site-menu > li.Menu6 > a {          color: var(--primary); } 
.Mmenu7 .site-navbar .site-navigation .site-menu > li.Menu7 > a {          color: var(--primary); } 
.Mmenu8 .site-navbar .site-navigation .site-menu > li.Menu8 > a {          color: var(--primary); } 
.Mmenu9 .site-navbar .site-navigation .site-menu > li.Menu9 > a {          color: var(--primary); } 
.Mmenu10 .site-navbar .site-navigation .site-menu > li.Menu10 > a {          color: var(--primary); } 


.site-navbar .site-navigation .site-menu .has-children {      position: relative; 	  }
.site-navbar .site-navigation .site-menu .has-children > a {        position: relative; }
.site-navbar .site-navigation .site-menu .has-children > a:before {
	position: absolute;
	content: "\e313";
	font-size: 16px;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'icomoon';  
	display:none;}
 

.site-navbar .site-navigation .site-menu .has-children .dropdown .has-children > a { position: relative; }
.site-navbar .site-navigation .site-menu .has-children .dropdown .has-children > a:before {
	position: absolute;
	content: "\e313";
	font-size: 16px;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'icomoon'; 
	display: block; }
.site-navbar .site-navigation .site-menu .has-children .dropdown {
	visibility: hidden;
	opacity: 0;
	top: 100%;
	position: absolute;
	text-align: center; 
	background:var(--primary);  
	background:#fff;  
	border-radius:; 
	border-top:3px solid var(--primary);
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding: 15px 0;
	margin-top: 20px;
	margin-left: 0px; 
	-webkit-transition: 0.2s 0s;
	-o-transition: 0.2s 0s;
	transition: 0.2s 0s; } 

.site-navbar .site-navigation .site-menu > .has-children > .dropdown {
	left:50%;
	margin-left: -85px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top { position: absolute; }
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom:;
	border-width: 10px;
	margin-left: -10px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
	text-transform: none;
	letter-spacing: normal;
	-webkit-transition: 0s all;
	-o-transition: 0s all;
	transition: 0s all;
	font-size:;
	color: #444;   font-weight:400;  }
.site-navbar .site-navigation .site-menu .has-children .dropdown a:hover { color: var(--primary);   } 
.site-navbar .site-navigation .site-menu .has-children .dropdown .ssub a{		font-size:15px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown .active { color:  var(--primary); }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
	list-style: none;
	padding: 0;
	margin: 0; min-width: 170px; 
	}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
	padding: 5px 0;
	display: block; 
	font-size: calc(0.9rem + 0.2vw) ;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover { }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
	content: "\F282";
	right: 20px; } 
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > .dropdown > li { min-width: 240px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > .dropdown > li > a {
	padding: 5px 10px;
	display: block; 
	font-size:15px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, 
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
	left: 100%;
	top: 0; }
.site-navbar .site-navigation .site-menu .has-children:hover > a, 
.site-navbar .site-navigation .site-menu .has-children:focus > a, 
.site-navbar .site-navigation .site-menu .has-children:active > a { color: }
.site-navbar .site-navigation .site-menu .has-children:hover, 
.site-navbar .site-navigation .site-menu .has-children:focus, 
.site-navbar .site-navigation .site-menu .has-children:active { cursor: pointer; }
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, 
.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, 
.site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	margin-top: 0px;
	visibility: visible;
	opacity: 1; }
 

.sticky-wrapper {
	position: absolute; 
	z-index: 100;
	width: 100%; }
.sticky-wrapper .site-navbar {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; } 
.sticky-wrapper .site-navbar .site-menu-toggle {
	    }
.sticky-wrapper .site-navbar .site-logo a {  }
.sticky-wrapper .site-navbar .site-menu > li > a {  }
.sticky-wrapper .site-navbar .site-menu > li > a:hover, 
.sticky-wrapper .site-navbar .site-menu > li > a.active { }
.sticky-wrapper.is-sticky .site-navbar { }
.sticky-wrapper.is-sticky .site-navbar .site-menu-toggle { }




 
.sticky-wrapper.is-sticky .site-navbar {  
	background: #fff;
	-webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, .05);
	box-shadow: 0 5px 10px 0px rgba(0, 0, 0, .05);} 
.sticky-wrapper.is-sticky .site-navbar  >  .container-fluid {  } 

@media (max-width: 992px) {   
	.site-navbar { padding:10px 0 10px; }   
	.sticky-wrapper.is-sticky .site-navbar {   }   	 
	.sticky-wrapper.is-sticky .site-navbar  >  .container-fluid {  } 
}



.sticky-wrapper.is-sticky .site-navbar .site-logo {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; 
	display:none;}
.sticky-wrapper.is-sticky .site-navbar .site-logo a {  }

.sticky-wrapper.is-sticky .site-navbar .site-logo.fixed {
	display:block; 
	opacity:1;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; }  
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {
	color: #111; 
	padding: 20px 20px;
	 }

.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover, 
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {  color: var(--primary) !important;  } 

.sticky-wrapper.is-sticky .site-navbar  .site-menu .has-children:hover > a, 
.sticky-wrapper.is-sticky .site-navbar  .site-menu .has-children:focus > a, 
.sticky-wrapper.is-sticky .site-navbar  .site-menu .has-children:active > a { color: var(--primary) !important; }


@media (max-width: 1400px) {  
	.site-navbar .site-navigation .site-menu > li > a { 	padding: 20px 15px; } 
	.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a { 	padding: 15px 10px; } 
}
 

 
 
.top_tel {
	position:relative;
	display: inline-block; 
	padding-right:5px;
	text-align: center;
	vertical-align: middle;    
	padding:5px 20px; 
	background:var(--primary);
	border-radius:50px;
}
.top_tel a { 
	position:relative; 
	text-transform:uppercase; 
} 

.top_tel a:after{  
	display:block;
	position:absolute;
	width:1px;
	height:60%;
	top:20%;
	content:'';
	background:#888;
	right:0;
}
.top_tel a:last-child:after{  
	display:none; 
}
.top_tel a:hover {
	color:#111; 
}
.top_tel a.h4,
.top_tel a.h5 {
	color:#fff; 
	font-weight:500;
}
  
  
  

.site-navbar .text-title p,
.site-navbar .text-title .ttp {  line-height:1;} 

.site-navbar .text-section p,
.site-navbar .text-section .tsp  {   line-height:1; } 
 
 
 
.sub-wrap .site-navbar  { padding:5px 0 5px; }

.subM .site-navbar  { background:transparent;}
.subM .site-navbar .site-logo { display:none ; }
.subM .site-navbar .site-logo.fixed {
	display:block ; 
	opacity:1;}  
.subM .site-navbar .site-navigation .site-menu a { }
.subM  .site-navbar .site-navigation .site-menu > li > a {}
.subM  .site-navbar .site-navigation .site-menu > li > a:hover {}

.subM .sticky-wrapper .site-navbar .site-menu-toggle { } 	 


















.site-mobile-menu {
	width: 80%;
	position: fixed;
	right: 0;
	z-index: 9999;
	padding-top: 0;
	background: #fff;
	height: calc(100vh);
	-webkit-transform: translateX(110%);
	-ms-transform: translateX(110%);
	transform: translateX(110%);
	-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out; }

.site-mobile-menu .home { display:none}

.offcanvas-menu .site-mobile-menu {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%); }
.site-mobile-menu .site-mobile-menu-header {
	width: 100%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;  }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
	float: right;
	margin-top: 0px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close i {
	font-size: 20px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 5px;
	line-height: 1;
	cursor: pointer;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
	float: left; } 
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {	display: inline-block; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { max-width: 160px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover { text-decoration: none; }
.site-mobile-menu .site-mobile-menu-body {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: relative;
	padding: 15px 20px 20px 20px;
	height: calc(100vh - 100px);
	padding-bottom: 100px; }
.site-mobile-menu .site-nav-wrap {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;  }
.site-mobile-menu .site-nav-wrap a {
	padding: 15px 15px;
	display: block;
	position: relative; 
	 }


.site-mobile-menu .site-nav-wrap .site-logo { 
	top: 0; 
	width:;  
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; 
	 }
.site-mobile-menu .site-nav-wrap .site-logo img {
	width:100%; max-width:140px;  
	opacity:1;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; }

.site-mobile-menu .site-nav-wrap .social { display: inline-block; }
.site-mobile-menu .site-nav-wrap .arrow-collapse {
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 20;
	width: 36px;
	height: 36px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;   }
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover,
.site-mobile-menu .site-nav-wrap  > li:hover .arrow-collapse { color: var(--secondary) } 
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
	font-size: 1rem; 
	z-index: 20;
	font-family: "icomoon";
	content: "\e313";
	position: absolute;
	top: 40%;
	left: 40%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%) rotate(-180deg);
	-ms-transform: translate(-50%, -50%) rotate(-180deg);
	transform: translate(-50%, -50%) rotate(-180deg);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; }
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); }
.site-mobile-menu .site-nav-wrap > li {
	display: block;
	position: relative;
	float: left;
	width: 100%; 
	border:1px solid #ddd;
	margin-bottom: 3px;}
.site-mobile-menu .site-nav-wrap > li.social {
	float: none;
	width: auto; }
.site-mobile-menu .site-nav-wrap > li > a {
	padding-left: 18px;
	font-size: 18px; 
	color:#222;
	font-weight: 500;} 

.site-mobile-menu .site-nav-wrap > li a:hover { color: var(--secondary); }
.site-mobile-menu .site-nav-wrap li {
	position: relative;
	display: block; }
.site-mobile-menu .site-nav-wrap > li > h6{ display: none; }

.site-mobile-menu .site-nav-wrap > li .active { color: var(--secondary); }  

.site-mobile-menu .site-nav-wrap > li > ul {
	padding:8px 0 10px;
	margin: 0px 0 ;
	list-style: none; /* background:linear-gradient(150deg, #00da80, var(--primary) 90%);*/ background:#f8fff4; border-radius:0;} 




.site-mobile-menu .site-nav-wrap > li > ul > li { display: block;  }
.site-mobile-menu .site-nav-wrap > li > ul > li > a {
	padding: 5px 10px 5px 30px; 
	font-size: 16px; 
	font-weight: 500;
	color:#333  }

.site-mobile-menu .site-nav-wrap > li > ul > li > a:hover { color: }
.site-mobile-menu .site-nav-wrap > li > ul > li > .arrow-collapse {
	color:; 
	right: 10px;}
.site-mobile-menu .site-nav-wrap > li > ul > li > .arrow-collapse:hover { color:#ed1e79; }

.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
	padding: 0;
	margin: 0; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li { display: block; }
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
	font-size: 14px;  
	padding: 5px 5px 5px 50px; color:}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a:hover { color:#ed1e79; } 












.top_social {  position:relative; }
.top_social ul {  position:relative; display:flex; flex-direction: row; justify-content:flex-end;  grid-gap: 30px;}
.top_social li + li:after { display:block; position:absolute; left:-15px; width: 1px; top:25%; height: 50%; background: #444; content: ''; } 
.top_social li { position:relative; }
.top_social li a {
	display: block; 
	 font-size: calc(1.05rem);
	color: #222 !important; 
	font-weight: 600;
	border-radius: 0px;  
	text-align: center;
	background: transparent;  
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s; 
}
.top_social li a:hover { 
	color: #000 !important; 
}


@media (max-width: 1240px) {   
	.top_social li a {  
	 font-size: calc(0.8rem + 0.2vw);
	} 
} 

 

.site-mobile-menu,
.mobile-menu { display: none !important;}
.main-menu 	 { display: block !important;}  
 

@media (max-width: 1120px) { 
	.site-mobile-menu,
	.mobile-menu { display: block !important;}
	.main-menu 	 { display: none !important;}  

}