/*!
 * CSS for Astra website
 */

body
{
	/* padding-top: 66px; */
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
}

body.tpl-page-submission, body.tpl-page-product { background-color: #FAFAFA; }
h1, h2 { font-family: 'Fira Sans'; }
h1,h2,h3, nav .nav-link { font-weight: 700; }

a, .pagination a.page-link
{
	color: #222;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

a:hover
{
	text-decoration: none;
	color: #333;
}

/* NAV */
.navbar-brand img
{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	max-width: 120px;
}

.navbar-nav .dropdown-item { padding: .475rem 1.5rem; }

.navbar-nav .dropdown-item.active, .navbar-nav .dropdown-item:active
{
	color: #fff;
	background-color: #008270;
}

.navbar-nav > li
{
	float: left;
	position: relative;
}

.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.7); }



#second .navbar-nav > li > a:hover, #second .navbar-nav > li > a:focus { background-color: transparent !important; }

#second li .nav-link
{
	padding-top: .44rem;
	padding-bottom: .44rem;
}

#second .dropdown-menu { z-index: 1200; }
#second .dropdown-menu li { text-align: left; }

/* animation icon */
.icon-bar
{
	width: 22px;
	height: 2px;
	background-color: #008270;
	display: block;
	transition: all 0.2s;
	margin-top: 4px;
}

.navbar-toggler
{
	border: none;
	background: transparent !important;
}

.navbar-toggler .top-bar
{
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar { opacity: 0; }

.navbar-toggler .bottom-bar
{
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar { transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar { opacity: 1; }
.navbar-toggler.collapsed .bottom-bar { transform: rotate(0); }

/* Side Widget */
.side-widget.open { margin-right: 0; }

.side-widget
{
	width: 119px;
	z-index: 20;
	position: fixed;
	right: 0;
	top: 52%;
	text-align: center;
	margin-right: -10px;
	/*  -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); */
}

.side-widget span
{
	font-size: 1.08rem;
	letter-spacing: .1px;
}

.side-widget .btn
{
	min-width: 120px;
	letter-spacing: -0.5px;
	border-radius: 10px 0px 0px 10px !important;
	-moz-border-radius: 10px 0px 0px 10px !important;
	-webkit-border-radius: 10px 0px 0px 10px !important;
	line-height: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*
.side-widget .btn.btn-warning {
      -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}
*/


.side-widget .btn.btn-warning, .floating-bar .btn.btn-warning
{
	 background: rgb(0,130,112);
background: -moz-linear-gradient(312deg, rgba(0,130,112,1) 0%, rgba(0,101,87,1) 100%);
background: -webkit-linear-gradient(312deg, rgba(0,130,112,1) 0%, rgba(0,101,87,1) 100%);
background: linear-gradient(312deg, rgba(0,130,112,1) 0%, rgba(0,101,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008270",endColorstr="#006557",GradientType=1); 
}

.side-widget .btn.btn-warning:hover, .floating-bar .btn.btn-warning:hover
{
	 background: rgb(0,203,175);
background: -moz-linear-gradient(312deg, rgba(0,203,175,1) 0%, rgba(0,153,132,1) 100%);
background: -webkit-linear-gradient(312deg, rgba(0,203,175,1) 0%, rgba(0,153,132,1) 100%);
background: linear-gradient(312deg, rgba(0,203,175,1) 0%, rgba(0,153,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00cbaf",endColorstr="#009984",GradientType=1); 
}
.side-widget a:hover, .side-widget a:focus, .side-widget a:active { text-decoration: none; }

.side-widget .btn:hover
{
	-webkit-transform: translateX(-3px);
	transform: translateX(-3px);
}

.side-widget .widget-close:hover { color: #ccc; }
.side-widget .widget-close { color: #636363; }

.side-widget .widget-close
{
	position: absolute;
	left: 3px;
	top: 0;
	background: transparent;
	border: none;
	color: #fff;
	font-size: 20px;
	z-index: 1;
}

#popup-container
{
	position: fixed;
	z-index: 9990;
	margin: 0 auto;
	top: 10%;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 990px;
	display: none;
}

#popup-container.open { display: block; }

.close
{
	margin-right: 10px;
	margin-top: 5px;
	color: #fff;
	opacity: .8;
}

.close:hover { color: #efefef; }

/* OWL */
.owl-prev
{
	width: 15px;
	height: 100px;
	position: absolute;
	top: 40%;
	margin-left: -20px;
	display: block !important;
	border: 0px solid black;
}

.owl-next
{
	width: 15px;
	height: 100px;
	position: absolute;
	top: 40%;
	right: -25px;
	display: block !important;
	border: 0px solid black;
}

.owl-prev i, .owl-next i
{
	transform: scale(1,6);
	color: #ccc;
}

.owl-stage { margin: 0 auto; }

/* shrink */
.fixed-top #first
{
	-webkit-transition: padding 0.2s ease;
	-moz-transition: padding 0.2s ease;
	-o-transition: padding 0.2s ease;
	transition: padding 0.2s ease;
}

.affix #first
{
	/* padding-top: 0.2em !important;
  padding-bottom: 0.2em !important;*/
	-webkit-transition: padding 0.2s linear;
	-moz-transition: padding 0.2s linear;
	-o-transition: padding 0.2s linear;
	transition: padding 0.2s linear;
}

#js-header.smaller { height: 75px; }

#js-header.smaller h1#logo
{
	width: 150px;
	height: 75px;
	line-height: 55px;
	font-size: 55px;
	margin: 0;
}

#js-header.smaller nav a { line-height: 75px; }

#js-header
{
	width: 100%;
	height: 10em;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: height 0.3s;
	background-color: #fff;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#js-header h1#logo
{
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.affix .navbar-brand img { max-width: 100px; }

#js-header nav
{
	display: inline-block;
	float: right;
}

#js-header nav a
{
	line-height: 150px;
	margin-left: 20px;
	color: #fcfcfc;
	font-weight: 300;
	font-size: 1em;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#js-header nav a:hover { color: #fd5559; }

#js-header.smaller
{
	height: 75px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#js-header.smaller h1#logo
{
	line-height: 75px;
	font-size: 30px;
}

#js-header.smaller nav a { line-height: 75px; }

/*shadow*/
.shadow { box-shadow: 0px 0px 30px rgba(83, 88, 93, 0.15) !important; }
.shadow-light { box-shadow: 0px 0px 10px rgba(83, 88, 93, 0.1); }
.no-shadow { box-shadow: none !important; }

.shadow-hover
{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.shadow-hover:hover { box-shadow: 0px 0px 50px rgba(83, 88, 93, 0.1); }

/*On hover*/
.zoom-on-hover
{
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.zoom-on-hover:hover
{
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.up-on-hover:hover
{
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.clearfix:after
{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

@media all and (max-width: 760px)
{
	#js-header h1#logo
	{
		display: block;
		float: none;
		margin: 0 auto;
		height: 100px;
		line-height: 80px;
		text-align: center;
	}
	
	#js-header nav
	{
		display: block;
		float: none;
		height: 50px;
		text-align: center;
		margin: 0 auto;
	}
	
	#js-header nav a
	{
		line-height: 50px;
		margin: 0 10px;
	}
	
	#js-header.smaller { height: 75px; }
	#js-header.smaller nav { height: 35px; }
	#js-header.smaller nav a { line-height: 35px; }
}

@media all and (max-width: 600px)
{
	
}

/* HEADER NAV */
#first .navbar-nav .nav-link
{
	font-size: 0.9rem;
	padding-left: .5rem;
	padding-right: .5rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#first .navbar-nav a.nav-link { color: gray; }

#second li .nav-link
{
	font-weight: 700;
	text-transform: uppercase;
}

/* CAROUSEL */
header .carousel-item
{
	height: 30vh;
	min-height: 280px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.homeheading
{
	position: absolute;
	width: 100%;
	top: 15%;
	padding: 70px 30px;
	text-align: left;
	/*z-index: 2;*/
}

.homeheading h2
{
	text-transform: uppercase;
	font-size: 1.6rem;
}

.homeheading h2, .homeheading p { color: #fff; }

.homeheading hr, .jumbotron hr
{
	width: 30%;
	margin: 0 auto 1rem auto;
	margin-left: auto;
	height: 3px;
	border: none;
	color: #008270;
	background-color: #008270;
}

.jumbotron
{
	position: relative;
	min-height: 180px;
	/*background-position: center center;*/
	background-position: center center;
	background-size: cover;
}

.tpl-page-product .jumbotron { min-height: 120px; }
.tpl-page-product .titlesect { background: rgba(0, 0, 0, 1); }

.tpl-tpl-landing .jumbotron { min-height: 220px; }

	.tpl-tpl-landing .jumbotron h2 {
letter-spacing: 2.5px;
font-size: 1.8rem;
	}
	

header .carousel .overlay , .jumbotron .overlay
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+31,000000+100&0+31,0.6+100 */
	/* FF3.6-15 */
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 31%,rgba(0,0,0,0.6) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
	/* IE6-9 */
}

header .carousel .overlay .inner { opacity: 1; }

header .carousel .overlay, section.cta .overlay, .intro-header .overlay, .card .overlay,  .jumbotron .overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*   z-index: 2;*/
}

/* HOME */
#sectorsnav .card h4 { font-weight: 700; }
#sectorsnav .card-img { /* opacity: .7;*/ }

/* Common style */
#sectorsnav .row figure
{
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 1%;
	min-width: 320px;
	/*max-width: 480px;
	max-height: 360px;*/
	width: 100%;
	height: 100%;
	background: #3085a3;
	text-align: center;
	cursor: ulointer;
}

#sectorsnav .row figure img
{
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

#sectorsnav .row figure figcaption
{
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#sectorsnav .card h4
{
	font-size: 1.25em;
	text-transform: uppercase;
	font-weight: 300;
}

#sectorsnav .row figure figcaption::before,
#sectorsnav .row figure figcaption::after { pointer-events: none; }

#sectorsnav .row figure figcaption,
#sectorsnav .row figure figcaption > a
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
#sectorsnav .row figure figcaption > a
{
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

#sectorsnav .row figure h2
{
	/*	word-spacing: -0.15em; */
	font-weight: 300;
}

#sectorsnav .row figure h2 span { font-weight: 800; }
#sectorsnav .row figure h2,
#sectorsnav .row figure ul { margin: 0; }

#sectorsnav .row figure ul
{
	letter-spacing: 1px;
	font-size: 80.5%;
	list-style-type: none;
}

/* PRODUCT DETAIL */
.xsidebar .myaccordion .card-body
{
	padding: 0;
	background-color: #f8f9fa;
}

.xsidebar .myaccordion .btn { text-align: left; }

.xsidebar .card-body .list-group-item
{
	background-color: transparent;
	border-bottom: 1px solid rgba(0,0,0,.065);
}

.myaccordion .card-body .list-group-item.disabled a { color: #878787 !important; }

/*

.xsidebar #accordion .card-header:after {
    font-family: 'Font Awesome 5 Free';  
    content: "\f068";
    float: right; 
}
.xsidebar #accordion .card-header.collapsed:after {
    content: "\f067"; 
}
*/

.xsidebar .list-group-item, .xsidebar button { font-size: 0.8rem; }
.xsidebar .card-body .list-group-item a:link , .xsidebar .card-body .list-group-item a:visited { color: #343a40; }
.xsidebar .card-body .list-group-item a:hover, .xsidebar .card-body .list-group-item a:active { color: #008270; }

.sidebar__inner .titlesect h5
{
	font-size: 0.85rem;
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase;
}

.sidebar__inner #trucksnav h5
{
	text-transform: uppercase;
	font-size: .86rem;
}

.sidebar__inner #trucksnav h5 a:link, .sidebar__inner #trucksnav h5 a:visited { color: #343a40; }
.sidebar__inner #trucksnav h5 a:hover, .sidebar__inner #trucksnav h5 a:active { color: #008270; }
.introinfo h2 { font-size: 1.68rem; }

.datacol .textintro p
{
	text-align: left;
	color: #111;
	font-weight: 300;
}

.datacol .textintro h2:after
{
	width: 60px;
	left: 50%;
	margin-left: -30px;
}

.datacol h3
{
	letter-spacing: 0.5px;
	position: relative;
	padding-bottom: 1rem;
	font-family: 'Fira Sans';
	color: #008270;
	text-transform: uppercase;
	font-size: 1.48rem;
}

.datacol .card-body ul .list-group-item
{
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
}

.datacol .card-body h4.card-title
{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.16rem;
}

.datacol h4
{
	font-family: 'Fira Sans';
	font-weight: 700;
	text-transform: uppercase;
	color: #111;
	font-size: 1.14rem;
}

.datacol img { margin: 0 auto; }

.datacol p
{
	line-height: 1.68;
	font-weight: 300;
}

.datacol p, .datacol ul li { color: #333; }
.datacol .nav-pills { font-family: 'Fira Sans'; }
.datacol .nav-link { color: #4e4e4e; }

.datacol .nav-pills .nav-link.active, .datacol .nav-pills .show > .nav-link
{
	color: #008270 !important;
	background-color: #ececec;
}

.datacol .carousel-caption
{
	position: relative;
	left: auto;
	right: auto;
}

.datacol .carousel-caption h5
{
	margin-top: 0.6rem;
	font-size: 1rem;
	color: #6c757d;
}

.datacol .col-md-5 { text-align: center; }
.datacol .col ul { padding-left: 1rem; }

.datacol .col-md-5 figure, .subblocks .col-md-5 figure
{
	display: inline-block;
	max-width: 400px !important;
	max-height: 240px;
}

.datacol .col-md-5 figure img, .subblocks .col-md-5 img
{
	max-width: 100%;
	max-height: 240px;
	width: auto;
	height: auto;
	margin: 0 auto;
}

#list-example a { text-transform: uppercase; }
.gencontent #accordion .list-group-item span { font-weight: 400; }
/*
.tpl-page-action .gencontent #accordion div.card:nth-child(4) {
  display: none;
}

.tpl-page-action .gencontent #accordion div.card:nth-child(3) {
border-bottom: 1px solid rgba(0,0,0,.125);
}

*/
.gencontent #accordion .list-group-item span p
{
	margin-bottom: 0;
	display: inline;
	float: right;
	color: #6c757d;
	font-weight: 300;
}

.blocks .carousel-item a, #carouselExampleIndicators .carousel-item a
{
	display: block;
	width: 100%;
}

/* MISSION */
.card h3
{
	font-size: 1.2rem;
	text-transform: uppercase;
}

#trucksnav .disabled h5 a, #trucksnav .disabled a
{
	color: gray !important;
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
	pointer-events: none;
}

#trucksnav .disabled h5 a.stretched-link:after { position: inherit !important; }

#trucksnav img
{
	max-height: 50px;
	width: auto;
}

#trucksnav .disabled a img
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.xsidebar a:link, .xsidebar a:visited { color: #acb4bc; }
.xsidebar a:hover,.xsidebar a:active { color: #ffffff; }

.myaccordion h2
{
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}

.textintro h2
{
	position: relative;
	display: block;
	padding-bottom: 1rem;
	font-size: 1.64rem;
}

.tpl-page-submission .titlesect { background: rgba(0, 0, 0, 1); }

.titlesect:after, .textintro h2:after
{
	content: '';
	position: absolute;
	width: 40px;
	/* change as per your design */
	height: 2px;
	/* change as per your design */
	background: #008270;
	/* change as per your design */
	bottom: 0;
	left: 0;
	margin-left: 0;
}

#list-example .list-group-item
{
	background-color: transparent;
	padding: .40rem 1.25rem !important;
}

#list-example .list-group-item:hover
{
	background-color: #3b4147;
	border-color: rgba(0,0,0,.125);
}

#list-example .list-group-item.active
{
	border-color: rgba(0,0,0,.125);
	margin-top: auto !important;
	background-color: #3b4147;
}

.titlesect h1
{
	/*font-size: 1.76rem;*/
	font-size: 1.52rem;
	letter-spacing: 1px;
}

.blocks .row, .subblocks .row { border-bottom: 1px solid #dee2e6; }
.blocks .row:last-child, .subblocks .row:last-child { border-bottom: none; }

/* COMMON */
.mb-col { margin-bottom: 15px; }

*
{
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	min-height: 0.01px;
}

.gencontent
{
	font-weight: 300;
	line-height: 1.6;
}

.gencontent .istsidebar span { font-size: 1rem; }

.gencontent h3
{
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: .5rem;
}




.tpl-tpl-landing .gencontent h3 {

	border-bottom: 2px solid rgba(0,130,112,.9);
	padding-bottom: 1rem;
	font-size: 1.4rem;
}

.gencontent h4
{
	letter-spacing: 2px;
	color: gray;
	margin-bottom: 1rem;
}

.blocks img {
	max-width: 100%;
	height: auto;
}

.list-group-item.active {
	color: #008270;
	background-color: #f8f9fa;
	/*  font-weight: bold;*/
	border-color: #008270;
	border-top-color: rgb(0, 130, 112);
}

.content1-left { min-height: 200px; }

.social-media-icons ul
{
	list-style: none;
	padding: 0;
	text-align: left;
}

.social-media-icons a
{
	display: inline-block;
	text-decoration: none;
	padding-right: 7px;
	/*margin-right: 1rem;*/
}

.social-media-icons a:nth-child(1) i { color: #3b5998; }
.social-media-icons a:nth-child(2) i { color: #4099FF; }
.social-media-icons a:nth-child(3) i { color: #b31217; }
.social-media-icons a:nth-child(4) i { color: #FF6600; }
.social-media-icons a i:hover { color: black; }
#actiontabs .nav-pills .nav-link { color: #a7a7a7; }

#actiontabs .nav-pills .nav-link.active, #actiontabs .nav-pills .show > .nav-link
{
	color: #111;
	background-color: #f8f9fa;
}

.content1-left p, .content1-right p { margin-top: 1.5rem !important; }
.content1-left { padding: 6% 9%; }
.content1-right { padding: 6% 9%; }
.content1-left h3, .content1-right h3 { text-transform: uppercase; }
.transition-3d-hover { transition: all 0.2s ease-in-out; }

.transition-3d-hover:hover, .transition-3d-hover:focus
{
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0 0 2.1875rem rgba(140, 152, 164, 0.25);
	border-top: 2px solid rgb(213,38,9);
}

.transition-3d-hover .card-img:hover, .transition-3d-hover .card-img:focus { opacity: 1; }

.card .overlay
{
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );
}

.myaccordion { width: 100%; }
.myaccordion .card,
.myaccordion .card:last-child .card-header { border: none; }

.myaccordion .card-header
{
	border-bottom-color: #EDEFF0;
	background: transparent;
	padding-top: .4rem;
	padding-bottom: .4rem;
	padding-right: .4rem;
}

.myaccordion .fa-stack, .gencontent #accordion .fa-stack
{
	font-size: 14px;
	color: #ebebeb;
}

.myaccordion .fa-stack .fa-plus ,.gencontent #accordion .fa-stack .fa-plus { color: #008270; }

.myaccordion .btn
{
	width: 100%;
	font-weight: bold;
	color: #343a40;
	padding: 0;
	text-transform: uppercase;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus { text-decoration: none; }
.myaccordion li + li { /* margin-top: 10px;*/ }

.page-item.active .page-link
{
	background-color: #008270;
	border-color: #008270;
}

.pagination .page-link { color: #878787; }

.floating-bar
{
	display: block;
	width: 100%;
	position: fixed;
	z-index: 9999;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
	background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

.floating-bar .btn { padding: .8rem; }

/* TABS */
#tabs { /*background: #007b5e;*/ }
#tabs h6.section-title { }

#tabs .nav-tabs .nav-item.show .nav-link, #tabs .nav-tabs .nav-link.active
{
	background-color: transparent;
	border-color: transparent transparent #f3f3f3;
	border-bottom: 4px solid !important;
	font-size: 20px;
	font-weight: bold;
}

#tabs .nav-tabs .nav-link
{
	border: 1px solid transparent;
	font-size: 16px;
	text-transform: uppercase;
}

/* COLORS */
.text-warning { color: #008270 !important; }
.bg-black { background-color: #000; }
.bg-antrac { background-color: #293133; }

/*
.bg-warning {
background-color: #008270 !important;
}*/

.btn-warning
{
	color: #fff;
	background-color: #008270;
	border-color: #008270;
}

.btn-warning:hover, .btn-warning:focus { color: #fff; background-color: #37a089;	border-color: #37a089;}
.text-gray { color: gray !important; }
.text-shadow { text-shadow: 1px 1px 4px rgba(50, 50, 50, 0.9); }

::selection
{
	background: #008270;
	/* WebKit/Blink Browsers */
}

::-moz-selection
{
	background: #008270;
	/* Gecko Browsers */
}

/* magnifiy lightbox */
/* overlay at start */
.mfp-fade.mfp-bg
{
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content
{
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

#footnav h4
{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.9rem;
}

/* SEARCH */
.navbar-collapse { position: relative; }

.navbar-collapse form[role="search"]
{
	top: 0px;
	right: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}

.navbar-collapse form[role="search"] button,
.navbar-collapse form[role="search"] input
{
	padding: 8px 12px;
	border-width: 0px;
	box-shadow: none;
	outline: none;
}

.navbar-collapse form[role="search"] input
{
	padding: 16px 12px;
	font-size: 12pt;
	color: rgb(160, 160, 160);
	box-shadow: none;
	background-color: rgb(238, 238, 238);
}

.navbar-collapse form[role="search"] button[type="reset"] { display: none; }

/* FOOTER */
.footer-widget p { margin-bottom: 27px; }
.footer-widget .section-heading { margin-top: 20px; }

.footer-widget .section-heading h4
{
	font-size: 1.2rem;
	text-transform: uppercase;
}

.dk-footer address,.dk-footer .copyright { font-size: 0.8rem; }

@-webkit-keyframes animborder {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(113px);
    transform: translateX(113px); } }
@keyframes animborder {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(113px);
    transform: translateX(113px); } }

/* Animated heading border */

@keyframes primary-short {
  0% {
    width: 15%; }
  50% {
    width: 90%; }
  100% {
    width: 10%; } }
@keyframes primary-long {
  0% {
    width: 80%; }
  50% {
    width: 0%; }
  100% {
    width: 80%; } 
    
    }

footer .row.border-bottom.border-white { border-bottom: 2px solid #fff !important; }

.dk-footer
{
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );
	position: relative;
	z-index: 2;
}

.dk-footer .contact-us
{
	margin-top: 0;
	margin-bottom: 30px;
	padding-left: 80px;
}

.dk-footer .contact-us .contact-info { margin-left: 50px; }
.dk-footer .contact-us.contact-us-last { margin-left: -80px; }

.dk-footer .contact-icon i
{
	font-size: 24px;
	top: -15px;
	position: relative;
	color: #007bff;
}

.dk-footer-box-info
{
	/* position: absolute;
  top: -122px;
  z-index: 2; */
	max-width: 160px;
}

.dk-footer-box-info .footer-social-link h3
{
	color: #fff;
	font-size: 24px;
	margin-bottom: 25px;
}

.dk-footer-box-info .footer-social-link ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.dk-footer-box-info .footer-social-link li { display: inline-block; }

.dk-footer-box-info .footer-social-link a i
{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	background: #000;
	margin-right: 5px;
	color: #fff;
}

.dk-footer-box-info .footer-social-link a i.fa-facebook { background-color: #3B5998; }
.dk-footer-box-info .footer-social-link a i.fa-twitter { background-color: #55ACEE; }
.dk-footer-box-info .footer-social-link a i.fa-google-plus { background-color: #DD4B39; }
.dk-footer-box-info .footer-social-link a i.fa-linkedin { background-color: #0976B4; }
.dk-footer-box-info .footer-social-link a i.fa-instagram { background-color: #B7242A; }

/*
.footer-awarad
{
	margin-top: 285px;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer-awarad p
{
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	margin-left: 20px;
	padding-top: 15px;
}
*/
.footer-info-text { margin: 26px 0 32px; }
.footer-col .section-heading { margin-bottom: 35px; }

.footer-col h4
{
	font-size: 14px;
	color: #fff;
	position: relative;
	letter-spacing: 1px;
	max-width: fit-content;
	text-transform: uppercase;
}

.footer-col ul
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-col li
{
	margin-bottom: 18px;
	font-size: 0.8rem;
}

.footer-col p { margin-bottom: 27px; }
.footer-col a { color: #878787; }

.footer-col a:hover
{
	color: #fff;
	text-decoration: none;
}

.footer-col:after
{
	content: "";
	display: block;
	clear: both;
}

.footer-col .section-heading { margin-top: 35px; }

/* ==========================

    Contact

=============================*/

.contact-us
{
	position: relative;
	z-index: 2;
	margin-top: 65px;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.contact-icon { position: absolute; }

.contact-icon i
{
	font-size: 36px;
	top: -5px;
	position: relative;
	color: #007bff;
}

.contact-info
{
	margin-left: 75px;
	color: #fff;
}

.contact-info h3
{
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}

.copyright
{
	padding: 28px 0;
	margin-top: 55px;
	background-color: #202020;
}

.copyright span,
  .copyright a
{
	color: #878787;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.copyright a:hover { color: #008270; }

.copyright-menu ul
{
	text-align: left;
	margin: 0;
	padding-left: 0;
}

.copyright-menu li
{
	display: inline-block;
	padding-right: 20px;
}

.back-to-top span
{
	text-transform: uppercase;
	font-size: .75rem;
}

.back-to-top
{
	display: none;
	position: relative;
	z-index: 2;
}

.back-to-top .btn-dark
{
	width: 65px;
	height: 35px;
	border-radius: 50%;
	padding: 5px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #2e2e2e;
	border-color: #2e2e2e;
	display: none;
	z-index: 999;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.back-to-top .btn-dark:hover
{
	cursor: pointer;
	background: #008270;
	border-color: #008270;
}

@media all and (max-width: 480px)
{
	#bs-example-navbar-collapse-1, #second.navbar { /*margin-left: -15px;
	margin-right: -15px;
	padding-left: 0; padding-right: 0;*/ }
	.second#navbar-collapse { /*padding-left: 0;
	padding-right: 0;*/ }
	#bs-example-navbar-collapse-1 ul li { border-bottom: 1px solid #dee2e6; }
	
	#second.navbar ul li
	{
		padding: 0 0 0 .5rem;
		border-bottom: 1px solid gray;
	}
	
	#second.navbar ul li > ul li
	{
		border-bottom: none;
		padding-left: 0;
	}
	
	#second .dropdown-menu { background-color: transparent; }
	
	#second li .nav-link
	{
		padding-top: .84rem;
		padding-bottom: .84rem;
	}
	
	#second .navbar-nav .dropdown-item { color: #f8f9fa !important; }
	.nav-fill .nav-item { text-align: left; }
}

@media (min-width:576px)
{
	
}

@media (min-width:768px)
{
	body { padding-top: 0; }
	
	/* NAVBAR */
	nav
	{
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#first .navbar-nav .nav-link
	{
		font-size: 0.7rem;
		padding-left: .2rem;
		padding-right: .2rem;
		letter-spacing: .6px;
	}
	
	nav .nav-link { font-size: 1.2rem; }
	#second .dropdown-menu { border: none !important; }
	.langsel .dropdown-menu { font-size: .85rem; }
	.langsel button { font-size: .78rem; }
	#second .dropdown-menu { min-width: 100%; }
	.navbar .navbar-nav>.open>a, 
	.navbar .navbar-nav>.open>a:focus, 
	.navbar .navbar-nav>.open>a:hover { background-color: #343a40; }
	
	nav .dropdown-menu
	{
		padding-top: 2rem;
		padding-bottom: 2rem;
		border: none;
	}
	
	nav .dropdown-item
	{
		padding: .4rem 2rem;
		/*border-bottom: 1px solid #c8c8c8;*/
	}
	
	#first .nav-item { display: block; }
	
	#first .nav-item::after
	{
		content: '';
		display: block;
		width: 0px;
		height: 2px;
		background: #008270;
		transition: 0.2s;
	}
	
	#first .nav-item:hover::after { width: 100%; }
	.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #008270; }
	
	.navbar-dark .navbar-nav .nav-link
	{
		padding: 15px 5px;
		transition: 0.2s;
	}
	
	.affix .nav-link { padding: 8px 2px; }
	.dropdown-item.active, .dropdown-item:active { color: #212529; }
	
	/*.dropdown-item:focus, .dropdown-item:hover{background:#fec400;}*/
	/* CAROUSEL */
	.homeheading
	{
		top: 60%;
		padding: 0 65px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.py-md-6
	{
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	
	/* HOME */
	header .carousel-item { height: 35vh; }
	
	.fa-ul
	{
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
	
	.fa-ul li
	{
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
	
	/* MISSION */
	.tpl-page-product .jumbotron { min-height: 180px; }
	.jumbotron p { font-size: 1.7rem; }
	.introinfo h2 { font-size: 2rem; }
	
	.introinfo p
	{
		font-size: 1.24rem;
		color: #788487;
		font-weight: 200;
	}
	
	.xsidebar
	{
		position: sticky;
		top: 0;
	}
	
	.tpl-page-product .titlesect { background: rgba(0, 0, 0, 0.6); }
	.tpl-page-submission .titlesect { background: rgba(0, 0, 0, 0.6); }
	
	/* FOOTER */
	.footer-left-widget
	{
		padding-top: 40px;
		padding-left: 80px;
	}
	
	.footer-right-widget
	{
		padding-top: 40px;
		/*  padding-left: 80px;*/
	}
	
	/* SEARCH */
	.navbar-collapse
	{
		padding-top: 0px !important;
		padding-right: 32px !important;
	}
	
	.navbar-collapse form[role="search"]
	{
		position: absolute;
		width: 38px;
	}
	
	.navbar-collapse form[role="search"] input
	{
		opacity: 0;
		display: none;
	}
	
	.navbar-collapse form[role="search"].active
	{
		width: 100%;
		background-color: #fff;
	}
	
	.navbar-collapse form[role="search"].active button,
		.navbar-collapse form[role="search"].active input
	{
		display: table-cell;
		opacity: 1;
	}
	
	.navbar-collapse form[role="search"] input { background-color: rgb(255, 255, 255); }
	.navbar-collapse form[role="search"].active button[type="submit"] { display: none; }
	
	.navbar-collapse form[role="search"].active input
	{
		border-bottom: 1px solid gray;
		color: #008270;
		margin-left: 100px;
		font-size: 11pt;
	}
	
	/* utilities */
	.mb-md-6 { margin-bottom: 6.5rem !important; }
	.mt-md-n7 { margin-top: -5.5rem !important; }
	.floating-bar { display: none; }
}

@media (min-width:992px)
{
	/* NAVBAR */
	.navbar-brand img { max-width: 220px; }
	
	#first .navbar-nav .nav-link
	{
		font-size: 0.8rem;
		padding-left: .4rem;
		padding-right: .4rem;
		letter-spacing: .5px;
	}
	
	.dropdown-menu
	{
		left: 50% !important;
		transform: translateX(-50%) !important;
		top: 100% !important;
	}
	
	#second li .nav-link
	{
		font-size: 1.1rem;
		padding-top: .7rem;
		padding-bottom: .7rem;
		letter-spacing: 1px;
	}
	
	/* CAROUSEL */
	header .carousel-item
	{
		height: 45vh;
		min-height: 300px;
	}
	
	.homeheading { padding: 0 105px; }
	.homeheading p { font-size: 1.7rem; }
	.homeheading h2, .jumbotron h2 { font-size: 2.8rem; }
	
	.tpl-tpl-landing .jumbotron h2 {
letter-spacing: 3.5px;
font-size: 3.4rem;
	}
	
	
.tpl-tpl-landing .gencontent h3 {
	font-size: 1.8rem;
}

	
	
	/* HOME */
	#sectorsnav .card h4 { font-size: 2rem; }
	
	#sectorsnav figure.mainmissions
	{
		max-height: 300px;
		width: 100%;
	}
	
	#sectorsnav .row figure figcaption { padding: 2em; }
	
	/* MISSION */
	.jumbotron, .tpl-page-product .jumbotron { min-height: 290px; }
	
	.tpl-tpl-landing .jumbotron { min-height: 390px; height: 50vh; }
	
	
	/*
	.sidebar__inner a.list-group-item {
	font-size: 1.2rem;
	}*/
	
	#list-example .list-group-item { padding: .30rem 1.25rem !important; }
	.datacol h3 { font-size: 1.6rem; }
	.datacol p { /*font-size: 1.1rem;*/ }
	.datacol .textintro p { font-size: 1.24rem; }
	.xsidebar .list-group-item, .xsidebar button { font-size: .86rem; }
	
	.titlesect
	{
		/*background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );*/
		background: rgba(0, 0, 0, 0.6);
		position: relative;
		z-index: 1;
	}
	
	.myaccordion .card-body .list-group-item { padding: .45rem 1.25rem; }
	
	/* COMMON */
	.mb-col { margin-bottom: 30px; }
	.gencontent { font-size: 1.14rem; }
	.mt-lg-n8 { margin-top: -8rem !important; }
	.mt-lg-n11 { margin-top: -11rem !important; }
	.mt-lg-n13 { margin-top: -13rem !important; }
	
	.my-lg-6
	{
		margin-top: 6rem !important;
		margin-bottom: 6rem !important;
	}
	
	.py-lg-6
	{
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	
	.wow { opacity: 0; }
	.textintro h2 { font-size: 2.4rem; }
	
	/* FOOTER */
	.dk-footer-box-info { max-width: 210px; }
	.footer-col .section-heading { margin-top: 0; }
	footer .row.border-bottom.border-white { border-bottom: 3px solid #fff !important; }
}

@media (min-width:1200px)
{
	.titlesect h1
	{
		font-size: 1.84rem;
		letter-spacing: 2px;
	}
}



@media (min-width:1400px)
{
	.tpl-tpl-landing .jumbotron h2 {
font-size: 4.8rem;
	}

}