body{
  overflow-x:hidden;
}

p {
    margin-top: 0;
    margin-bottom: 2px !important;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #3e6758;
    border-radius: 1px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
    margin-bottom: 6px;
}


.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
    margin: 12px 3px;
}

.nav-link {
    display: block;
    padding: 0.3rem 1rem;
    text-transform: uppercase;
    color: #3e6758;
    font-weight: 600;
    font-size: 16px;
}

.nav-link:hover, .nav-link:focus {
    color: #3e6758;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #3e6758;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.btn-dark, .btn-dark:hover, .btn-dark:focus {
    color: #fff;
    background-color: #3e6758;
    border-color: #3e6758;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color:#004c88;
    outline: 0;
    box-shadow: none;
}


.bg-light {
    background-color: #ffffff !important;
}


.cover{
  position: relative;
  height: 50vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0px 0px 2px #222222;
}

.cover::before{
  content: "";
  background-image: url('/assets/img/cover.jfif');
  background-size: contain;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.85;
}


.btn-default{
  color: #fff;
  background-color: #004c88;
  border-color: #004c88;
}

.btn-default:hover{
  color: #fff;
  background-color: #004c88;
  border-color: #004c88;
}


h1, h2, h3, h4, h5, h6 {
    margin-top: .2rem;
    margin-bottom: 0.4rem;
    color: #3e6758;
}


.search{
  border: 2px solid #004c88;
  padding: 18px;
  font-size: 18px;
  font-weight: 500;
}


.navbar-light .navbar-nav .nav-link {
    color: #004c88;
}

.categories{
  margin-top:60px !important;
  margin-bottom:48px;
  background: #f0f0f0;
}


#products{
  background: #fff;
  padding-top: 48px;
  padding-bottom: 48px;
}

#products .card{
  margin-bottom:12px;
  margin-top:12px;
}

.card-title{
  color: #004c88;
}

#products .section-title{
  margin-bottom:18px;
}

@media (min-width: 992px){
  .navbar-expand-lg {
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -ms-flex-pack: start;
      justify-content: flex-start !important;
  }

  .navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}
}

  .mobile-only{
    display: none;
  }

  .desktop-only{
    display: block;
  }

.logo {

    margin-top: 4px;
}

@media (max-width: 600px){
  .mobile-only{
    display: block;
  }

  .desktop-only{
    display: none;
  }

  .nav-link {
    display: block;
    padding: 0.5rem .5rem;
    text-transform: uppercase;
    color: #004c88;
    font-weight: 500;
    font-size: 12px;

}

.justify-content-end {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.justify-content-start {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.logo{
  width:180px;
}

.fa, .fas {
    font-weight: 900;
    font-size: 12px;
}

.card-title {
    color: #004c88;
    font-size: .85rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    margin: 24px 0 0 0;
}

}


section
{
  padding:4%;
/*  background:#7e8890; */
}
h2,h6
{
  color:#3e6758;
}
.form-subscribe
{
  max-width:600px;
  margin:0 auto

}
.form-subscribe .form-control
{
  background-color:hsla(0,0%,100%,.8);
  padding-left:24px;
  padding-right:24px;
  letter-spacing:1px;
  border:none;
  border-top-left-radius:36px;
  border-bottom-left-radius:36px;
  height: 50px;
}
.form-subscribe .form-control.focus,.form-subscribe .form-control:focus
{
  z-index:2;
  background-color:hsla(0,0%,100%,.8)
}
.form-subscribe .btn
{
  border-top-right-radius:36px;
  border-bottom-right-radius:36px;
  background:#7ec855;
  border-color:#7ec855;
  height:50px;
}


.text-primary {
    color: #004c88!important;
}



/*footer*/
.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#263238; min-height:250px; padding:10px 0px 25px 0px ;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

/* Credit to https://bootsnipp.com/snippets/bxDBA */


.checked {
  color: orange;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#0C9;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.my-float{
	margin-top:22px;
}

.product-card:hover{
  box-shadow: 0px 0px 5px #222;
  width: 100%;
  border:none;
}

.product-card:hover .card-title{
  animation: mymove 1s;
}

@keyframes mymove {
  50% {font-size: 28px;}
}

.search-button {
    padding: 4px 20px;
    background: #004c88;
    border-color: #004c88;
    text-transform: uppercase;
    margin-left: -60px;
    border-radius: 45px !important;
    margin-top: 10px;
    font-weight: 600;
    color: #f0f0f0 !important;
    z-index: 999999 !important;
}

.search-box {
    padding: 6px 24px;
    border-radius: 45px !important;
    margin-top: 4px;
}

.section-title{
  margin-bottom: 12px;
  margin-top: 12px;
  text-transform: uppercase;
  border-radius: 6px;
  background-image: url('https://allfreedesigns.com/wp-content/uploads/2011/12/denim-textures-3.jpg');
  background-position:center center;
  background-repeat: repeat-x;
  background-size: contain;
  color:white;
  text-shadow:0 0 10px #222;
  padding:4px 8px;
}

@media (max-width:1600px){
	.nav-link {
    display: block;
    padding: 0.3rem 1rem;
    text-transform: uppercase;
    color: #3e6758;
    font-weight: 500;
    font-size: 14px;
}
}




#industry, #location{
  padding:50px 0px;
  min-height: 360px;
}


#department{
  padding:50px 0px;
  min-height: 360px;
  background: #f7f7f7;
}




#footer{
  background-color: #198754;
  padding:50px 0px;
  min-height: 450px;

}


.form-control {
    display: block;
    width: 100%;
    padding: 0.75rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;

    border-radius: 0.05rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -12px;
    margin-top: 8px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    background-color: #f9fafc;
    border: 1px solid #ced4da;
    border-radius: 1px;
    padding: 0.55rem;
    display: block;
    width: 100%;
    /* padding: 0.75rem 0.75rem; */
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    border-radius: 0.05rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  }

  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: auto;
    user-select: none;
    -webkit-user-select: none;
}
