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

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

/*
Bg Header
*/
.bg-header {
	background-image: url('../assets/img/banner/home/blue_pttrn.jpg');
	background-size: cover;
}
/*-------------------------------------------------------------------
|								Generals							 |
--------------------------------------------------------------------*/
.custom-border {
	border: #1a303e80 1px solid;
}
.custom-border:hover {
	border: #2fb8eb 1px solid;
}

/*-------------------------------------------------------------------
|								Menu								 |
--------------------------------------------------------------------*/
.content-header{
	box-shadow: 1px 0 10px 1px rgba(0,0,0,.1);
}
.cont-header-logo {
	padding: 10px 0;
	color: #fafafa;
	font-weight: bold;
	font-size: 18px;
}
.content-menu{
	height: 60px;
    background-color: transparent;
}
.bg-menu-header{
	background: #f7f7f7;
}	
.bg-menu {
	background-color: transparent;
}
.top-bar{
	background-color: #243947;
	height: 46px;
	align-items: center;
	display: flex;
	font-size: 20px;
	color: #859096;
}
.top-bar a{
	color: #859096;
}
.top-bar a:hover{
	color: #FFF;
}
.top-bar i:hover{
	color: #FFF;
}
.menu-item.active {
	background-color: #e4e4e4;
}
.menu-item {
	width: 24.8%;
	text-align: center;
}
.icon-color-theme{
	color: #2fb8eb;
}

.txt-color-gray{
	color: #ccc;
}
.sub-menu-container > .menu-item {
	width: 100%;
	text-align: left;
}
.sub-menu-container > .menu-item div {
	color: #172d3b;
}
/*-------------------------------------------------------------------
|							Breadcrumb								|
-------------------------------------------------------------------*/

#breadcrumb-content{
	background-color: #eee;
	height: 300px;
	display: flex;
    align-items: center;
}
.breadcrumb-content{
	background-color: #eee;
}
.breadcrumb-list{
	margin: 0 !important;
    padding: 0;
    font-size: 90%;
    display: flex;
    flex-direction: row;
    list-style: none;
    align-items: center;
}
.breadcrumb-item {
	font-weight: bold;
	color: #000;
}
.breadcrumb-item a{
	font-weight: bold;
	color: #000;}
.breadcrumb-item a:hover{
	color: #3367d1;
}
.icon-padding{
	padding: 0 15px;
}

/*-------------------------------------------------------------------
|								Slider								|
-------------------------------------------------------------------*/
.bg-slider{
	background-color: #313336;
    height: 330px;
}
.bg-slider-home{
	background-color: #FFF;
    height: 100px;
}
.slider-item{
	height: 320px;
	display: flex;
	justify-content: start;
	align-items: flex-end;
}
/*-------------------------------------------------------------------
|								Content info						|
-------------------------------------------------------------------*/

.content-info {
	background-color: #e8e8e8;
}
.content-info-title{
	height: 8.75em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.content-text {
	padding: 30px 15px ;
}
/*-------------------------------------------------------------------
|								Section info						|
-------------------------------------------------------------------*/
.sectiont-info {
	margin: 15px 0;
	padding: 10px 0;
}
/*-------------------------------------------------------------------
|								Footer								|
-------------------------------------------------------------------*/
.footer-widgets{
	padding: 15px 0;
	justify-content: center;
	display: flex;

}
.bg-img-footer-widgets{
	background-color: #FFF;
	box-shadow: 1px 1px 22px -10px ;
	width: 500px;
	height: auto;
	display: flex;
	align-items: center;
	border-top: 3px solid #2fb8eb;
	top: -40px;
}
.payment-cards img{
	width: 50px;
	height: auto;
}
#secondary-menu {
	background-color: #FFF;
}
.copy-link {
	color: #4881a1;
	font-size: 20px;
}
.copy-link:hover {
	color: #5898bc;
	font-size: 20px;
}
.card-padding {
	padding: 45px;
}
.card-info{
	padding-left: 15px;
}
.card-info a{
	font-size: 18px;
	font-weight: bold;
	color: #999;
}
.card-info a:hover{
	font-size: 20px;
}
.btn-footer-about{
	padding: 25px;
	background-color: #ff8500;
}

/*-------------------------------------------------------------------
|								General								|
-------------------------------------------------------------------*/
.icon-email3, .icon-home{
	padding-right: 5px;
}
.column-content{
	display: flex;
	flex-direction: column;
}

.text-right{
	text-align: right;
}

.link-card-footer {
	color: #333;
}
.link-card-footer:hover {
	color: #3367d1;
}
.responsive-item-d-none {
	display: none;
}
.icon-color-contact {
	color: #3367d1;
}
.title-color{
	color: #3367d1;
}
blockquote{
	font-size: 1.5rem;
	color: #999;
}
.title-inf-services{
	height: 60px;
	border-left: 4px solid #2fb8eb;
	background-color: #f7f7f7;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}
.title-inf-services h4{
	margin: 0;
}
.text-justify{
	text-align: justify;
}
.services-content-inf{
	padding-left: 30px;
}

.content-industries{
	display: flex;
	flex-wrap: wrap;
}
.item-insdustries{
	flex-grow: 1;
	flex-basis: 200;
	width: 150px;
	height: 50px;
	box-shadow: 1px 0 4px 1px ;
	margin: 5px;
	display: flex; align-items: center;
	justify-content: center;
	border-radius: 10px;
}

/*-------------------------------------------------------------------
|								Responsive							|
-------------------------------------------------------------------*/

@media (min-width:992px){
	header {
		height: 225px;
	}
}

@media screen and (min-width:100px) and (max-width:991px){
	.top-bar{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.hide-inf{
		display: none !important;
	}
	.mail-content{
		width: 100%;
	}
	.icon-home{
		display: none;
	}
	.bg-slider {
		background-color: #313336;
		height: 265px;
	}
	.responsive-item{
		display: none;
	}
	.slider-item {
		height: 265px;
		display: flex;
		justify-content: start;
		align-items: flex-end;
	}
	.primary-menu-trigger .svg-trigger path{
		fill: none;
		transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
		stroke: #fff;
		stroke-width: 5;
		stroke-linecap: round;
	}
	.menu-item{
		width: 100%;
	}
	.bg-img-footer-widgets {
		margin-top: 35px;
	}
}
@media screen and (min-width:100px) and (max-width:767px){
	.header-row{
		display: flex;
		flex-direction: column;
	}
	.menu-item{
		width: 100%;
	}
}
@media screen and (min-width:100px) and (max-width:978px){
	.bg-slider {
		background-color: #313336;
		height: 100px;
	}
	.responsive-item{
		display: none;
	}
	.slider-item {
		height: 100px;
		display: flex;
		justify-content: start;
		align-items: flex-end;
	}
}
@media screen and (min-width:100px) and (max-width:1025px){
	#secondary-menu {
		padding: 15px 0;
	}
	.footer-menu {
		display: flex;
		flex-direction: column;
	}
	.secondary-menu {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.menu-position{
		display: flex;
		justify-content: center;
	}
	.payments-info{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
}
@media screen and (min-width:100px) and (max-width:499px) {
	.bg-img-footer-widgets {
		background-color: #FFF;
		box-shadow: 1px 1px 22px -10px;
		width: auto;
		height: auto;
		display: flex;
		align-items: center;
		border-top: 3px solid #2fb8eb;
		margin-top: 35px;
	}
	.card-padding{
		padding: 0;
	}
}
@media screen and (min-width:100px) and (max-width: 374px){
	#secondary-menu {
		padding: 15px 0;
	}
	.footer-menu {
		display: flex;
		flex-direction: column;
	}
	.secondary-menu {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.menu-position{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.payments-info{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
}