/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
.boxed-slider{
    padding-top: 0px;
}

.icon-line{
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}
.icon-line:before{
	content: "\f3c0";
}
.si-instagram:hover, .si-colored.si-instagram{
	background-color: #00C300 !important;
}

.iconlist.iconlist-large{
    font-size: 18px;
}
#primary-menu{
	background-color: #0b4ba3;
    border-bottom: 5px solid #368dd2;
}
#primary-menu.style-2 > div > ul > li > a{
	font-size: 19px;
    color: #FFF !important;
  
}
#primary-menu ul ul li > a{
	font-size: 16px;
}
.imap {
    width: 100% !important;
    height: 400px;
}
#top-search a, #top-cart > a, #side-panel-trigger a, #top-account a{
	font-size: 16px;
	color: #FFF;
}
@media (max-width: 799px){
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a{
  color: #FFF !important;
}
  }