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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

html {
  overflow-y: scroll;
}


.content-wrap {
	position: relative;
	padding: 30px 0;
	overflow: hidden;
}

.content-wrap-front {
	position: relative;
	padding: 30px 0 0 0;
	overflow: hidden;
}



#copyrights {
	padding: 40px 0;
	background-color: #FBFBFB;
	font-size: 0.875rem;
	line-height: 1.8;
}


/* ----------------------------------------------------------------
	new button try
-----------------------------------------------------------------*/
.btn-default
{
  background-color: #68889E;
  color:#FFF;
  border-color: #2F3E48;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

  background-color: #2F3E48;
  color:#FFF;
  border-color: #31347B;
 }



/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/


#footer {
	position: relative;
	background-color: #EEE;
	border-top: 2px solid rgba(0,0,0,0.2);
}


/* Heading Block - with Subtitle
-----------------------------------------------------------------*/

.heading-block { margin-bottom: 20px; }




/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 20px 0;
	font-family: 'Poppins', sans-serif;
}


ul.front {
    list-style: none;
    margin: 0;
    padding: 0;
	font-size: 1.25rem;
    font-weight: 300;
	line-height: 2.0rem;
	padding-top: 0.6rem;
}
ul.front li b {
    border-top:5px dashed transparent;
    border-bottom:5px dashed transparent;
    border-left:5px solid #7310dd;
    height:0;
    width:0;
    display:inline-block;
    margin:0 10px 0 0;
    vertical-align:baseline;
    overflow:hidden;
}


/* ----------------------------------------------------------------
	Breadcrumb Styles
-----------------------------------------------------------------*/
.breadcrumb {
	position: absolute !important;
	width: auto !important;
	top: 50% !important;
	left: auto !important;
	right: 15px !important;
	margin: 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
	font-size: 80%;
	transform: translateY(-50%);
}



/* Page Title - Mini
-----------------------------------------------------------------*/

#page-title.page-title-mini { padding: 20px 0; }

#page-title.page-title-mini h1 {
	font-weight: 600;
	font-size: 22px;
	color: #444;
}






/* Taken from the ecommerce css */

@media (min-width: 992px) {

	body.stretched #header.full-header .container { padding-right: 0; }

	#header.full-header .primary-menu.style-ecommerce .menu-container { border-right: none; }

	.menu-container > .menu-item > .menu-link {
		position: relative;
		margin: 30px 5px;
		padding: 0 3px;
		padding-top: 9px;
		padding-bottom: 9px;
		font-size: 14px;
		letter-spacing: 1px;
		color: #333333;
	}

	.primary-menu.style-ecommerce .menu-container > .menu-item > .menu-link::after {
		position: absolute;
		content: '';
		top: auto;
		left: 50%;
		bottom: 0;
		width: 0px;
		height: 2px;
		background-color: #7310dd;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	.primary-menu.style-ecommerce .menu-container > .menu-item:hover > .menu-link,
	.primary-menu.style-ecommerce .menu-container > .menu-item.current > .menu-link { color: #333333; }

	.primary-menu.style-ecommerce .menu-container > .menu-item:hover > .menu-link::after,
	.primary-menu.style-ecommerce .menu-container > .menu-item.current > .menu-link::after {
		width: 100%;
		left: 0;
	}

	.sub-menu-container .menu-item > .menu-link {
		font-size: 0.875rem;
	}

	.sub-menu-container .menu-item:hover > .menu-link { background-color: transparent; }

	.header-misc-icon {
		display: -ms-flex;
		display: flex;
		align-items: center;
		border-left: 1px solid #EEE;
		transition: all .3s ease;
		padding: 0 1.75rem;
		margin: 0;
	}

	.header-misc-icon > a {
		width: 24px;
		height: 24px;
		font-size: 20px;
		line-height: 24px;
	}

	.primary-menu ul ul li > a {
	    font-weight: 600;
	    text-transform: none;
	    font-size: 14px;
	}

	.header-misc-icon:hover { background-color: #F8F8F8;}

	

/* Fix 1 px shift thing after page load */
	.header-wrap-clone {height: 100px;}
	
}