@font-face {
	font-family: 'Conv_CircularStd-Bold';
	src: url('../fonts/CircularStd-Bold.eot');
	src: local('☺'), url('../fonts/CircularStd-Bold.woff') format('woff'), url('../fonts/CircularStd-Bold.ttf') format('truetype'), url('../fonts/CircularStd-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	overflow-x: hidden;
}
body {
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  color: #313744;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Conv_CircularStd-Bold', sans-serif;
}
footer ul, header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
img {
  max-width: 100%;
}
a {
  color: #013A3E;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.main .content p > a,
.main .content p > em > a {
  text-decoration: underline;
  color: #F80;
}
.cardStyle4 a {
	color: inherit;
}
a:hover, a:focus {
  text-decoration: none;
  outline: none;
}
.primaryBg {
  background-color: #013A3E;
  color: #fff;
}
.primaryColor {
  color: #013A3E;
}
.secondaryColor, .lble-text.secondaryColor {
	color: #FF8500;
}
a.secondaryColor:hover {
	color: #013A3E;
}
.whiteHover.secondaryColor:hover  {
	color: #fff;
}
.btn.focus, .btn:focus {
	box-shadow: none;
}
.btn {
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 17px;
	font-family: 'Work Sans', sans-serif;
	padding: 15px 40px;
	font-weight: 500;
}
.btnSecondary {
	background-color: #FF8800;
	color: #fff;
}
.btnSecondary:hover {
	background-color: #ee8002;
	color: #fff;
}
.btnPrimary {
	color: #fff;
	background-color: #013A3E;
}
.btnPrimary:hover {
	color: #fff;
	background-color: #04464b;
}
.md-container {
	max-width: 1280px;
	margin: 0 auto;
}
.back-to-top {
  position: fixed;
  left: 10px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  bottom: 65px;
  z-index: 99;
  background-color: rgba(255,255,255,0.7);
  padding: 9px 18px;
}
.back-to-top .text-base {
	font-size: 22px;
  font-weight: 700;
	line-height: 22px;
	display: inline-block;
}
.back-to-top, .back-to-top:hover {
	color: #445567;
}
.back-to-top img {
	-webkit-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
	width: 25px;
  margin-left: 15px;
  vertical-align: text-bottom;
}
.back-to-top:hover img {
	-webkit-transform: translateX(2px);
	-ms-transform: translateX(2px);
	transform: translateX(2px);
}
.close-menu {
  display: none;
  cursor: pointer;
}

/* header */
.headerColMain {
  position: relative;
	z-index: 100;
}
.headerCol {
	padding: 20px 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
	z-index: 99;
}
.fixed-header .headerCol {
	position: fixed;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
  padding: 15px 0;
	background-color: #f9fbfa;
}
.logo {
	padding-right: 60px;
}
.logo img {
	width: 108px;
}
.fixed-header .logo img {
	width: 90px;
}
.headerCol, .logo img, .navigation > ul > li > a, .headerRightCol .btn {
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.fixed-header .headerRightCol .btn {
	padding: 10px 30px;
}


/* Nav Trigger Start */
.nav-fill li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.nav-fill li a {
    display: block;
    padding: .5rem 1rem;
}

.navTrigger {
	width: 32px;
	height: 20px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	margin-left: 10px;
}
.navTrigger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #013a3e;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.navTrigger span:nth-child(1) {
  top: 0px;
}
.navTrigger span:nth-child(2), .navTrigger span:nth-child(3) {
	top: 8px;
}
.navTrigger span:nth-child(4) {
	top: 16px;
}
/* .openNav .navTrigger span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.openNav .navTrigger span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.openNav .navTrigger span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.openNav .navTrigger span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
} */
/* Nav Trigger Close */

/* nav css start */
.navigation > ul > li {
	display: inline-block;
	vertical-align: middle;
}
.navigation > ul > li + li {
  padding-left: 20px;
}
@media (min-width: 1400px) {
	.navigation > ul > li + li {
	  padding-left: 30px;
	}
}
.navigation > ul > li > a {
	color: #001632;
  position: relative;
  font-size: 17px;

}
.navigation > ul > li > a:hover {
	color: #001632;
}
.navigation > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  border-bottom: 2px solid;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.navigation > ul > li > a:hover::before, .navigation > ul > li.active > a::before {
  left: 0;
  right: 0;
}
/* nav css close */

.headerRightCol > ul > li {
  display: inline-block;
  vertical-align: middle;
}

/*   /header   */


/* top bar */
.topBar {
	text-align: center;
	padding: 15px 0;
  height: 60px;

}
.newLbl {
	background-color: #FF8800;
	color: #fff;
	display: inline-block;
	padding: 3px 14px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
}
.lightText {
  color: rgba(255,255,255,0.45);
}
.topBar a {
  color: #fff;
}
/*    /top bar   */



/* home banner  */
.bannerCol {
	color: #013A3E;
	font-size: 20px;
	background-color: #f9fbfa;
	padding-top: 100px;
  overflow: hidden;
  position: relative;
}
.homeBannerContent {
  margin: 0 auto;
  max-width: 750px;
  text-align: center;
}
.bannerTitle {
	font-size: 75px;
	line-height: 77px;
	font-weight: 700;
	padding-bottom: 20px;
}
.bannerContentCol {
	padding: 120px 0;
}
.sideShape {
  position: absolute;
  width: 450px;
  z-index: 1;
  pointer-events: none;
}
.shapeWd-300 {
	width: 300px;
}
.leftSideShape {
  left: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.rightSideShape {
  right: 0;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.leftShapeMdl {
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rightShapeMdl {
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.homeBannerImg {
  position: relative;
}
.banner-img {
	height: 646px;
}
.homeBannerImg > .bannerBtnOverlap {
  position: relative;
}
.rightArrowBtn {
	position: relative;
}
.rightArrowBtn::before {
	content: "\f105";
	position: absolute;
	right: 25px;
	font-family: FontAwesome;
	top: 50%;
	transform: translateY(-50%);
}
.homeBannerImg > .bannerBtnOverlap > .btn {
  position: absolute;
  left: 50%;
  top: -50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 250px;
}
/*     /home banner      */


.sectionSpace {
	padding: 80px 0;
}
.smcTestCol {
	margin: 0 auto;
	max-width: 1250px;
}
.smcTitleCol {
	max-width: 730px;
	margin: 0 auto;
	text-align: center;
}
.smcTitleCol a {
	color: #FF8500;
	font-size: 17px;
}
/* Trusted industries */
.smc-section {
	position: relative;
}
.smc-section .sideShape {
	bottom: -4%;
}
.trustedIndustries {
  text-align: center;
  overflow: hidden;
}
.trustedIndCol {
  position: relative;
  padding: 80px 0;
  z-index: 2;
}
.trustedIndCol::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  background-color: #f9fbfa;
  z-index: -1;
}
.trustedLogoCol {
  padding-top: 50px;
}
.trustedSlider .item {
	width: 200px;
	margin:  0 auto;
}
.trustedSlider .item img {
	opacity: 0.8;
	transition: all 0.3s ease;
}
.trustedSlider .item img:hover {
	opacity: 1;
}


/* Latest Resources */
.card2ImgCol img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  min-height: 200px;
}
.card2Content h4 {
  font-size: 22px;
  font-weight: 700;
  color: #445567;
}
.card2Content ul {
  display: flex;
}
.card2Content h6 {
  display: inline;
  font-size: 14px;
  font-weight: bold;
  color: #313745;
}
.card2Content span {
  font-size: 14px;
  color: #444E58;
	font-weight: 400;
  padding-left: 15px;
}
.card2Content p {
  font-size: 13px;

  color: #323641;
  padding-top: 10px;
  max-width: 277px;
}
.cardStyle2 {
	position: relative;
	background-color: #fff;
	height: 100%;
}
.cardStyle2.lightbg  {
	background-color: #F9FAFA;
}
.cardStyle2 .card2ImgCol {
	overflow: hidden;
}
.cardStyle2 .card2ImgCol img {
	-webkit-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}
.cardStyle2:hover .card2ImgCol img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.card2Content {
  padding: 15px 15px 80px 15px;

}
.card2btn > a {
  background-color: #FF8500;
  color: #fff;
  position: absolute;
  right: 0;
  width: 60px;
  height: 60px;
	display: flex;
	-ms-flex-align: center;
  align-items: center;
	-ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
}
.card2btn > a:hover {
	background-color: #e68d2b;
}
/*    /Latest Resources   */


/* ================ Uses layout Start ================ */
.innerBanner {
	padding: 150px 0px;
	background-color: #EBEDED;
	position: relative;
}
.banner-titleCol {
	color: #445567;
}
.maxWdCont-616 {
	max-width: 616px;
}
.textSize-20 {
	font-size: 20px;
	line-height: 30px;
}
.shape-base2 {
  position: absolute;
  bottom: 40px;
}
.userImg-sec {
	padding: 60px 0px;
	position: relative;
	z-index: 2;
}
.services .service:nth-child(even) {
  margin-top: -175px;
}
.cardStyle3 {
  position: relative;
	max-width: 592px;
	margin: 0 auto 40px;
}
.usesShape-pattern {
	position: absolute;
  top: -97px;
  right: -88px;
  z-index: -1;
}
.cardStyle3 .card3ImgCol {
	width: 100%;
}
.texting-sec {
	position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
	padding: 40px 20px;
  width: 425px;
}
.texting-sec .titleColMain {
  max-width: 325px;
}
.titleColMain h6 {
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  color: #445567;
}
.learnBtn a {
  font-size: 14px;

}
.mapbg {
	background-image:url("../images/map.svg");
	-webkit-background-size: 85% auto;
	background-size:85%  auto;
  background-repeat: no-repeat;
  background-position: center;
}
.primaryBg {
  background-color: #013A3E;
  color: #fff;
}
.lightbg {
  color: #313744;
}
/* ================ Uses layout Close ================ */


/* ================ gross power page layout start ================ */
.data-section {
	padding: 75px 0px;
	position: relative;
}
.help-doc-block li {
	display: inline-block;
	padding: 10px 25px;
}
.help-doc-block li a {
	font-size: 17px;
	font-weight: 700;
	color: #ff8800;
	display: block;
}
.help-doc-block li a:hover {
	color: #013a3e;
}
.type-data-column, .information-column {
	padding-top: 100px;
}
.type-data-column {
	max-width: 585px;
}
.column-block .titleColMain {
	margin-bottom: 25px;
}
.type-data-column .column-block {
	padding-bottom: 30px;
}
.lable-base {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #444E58;
}
.lable-base .fade-text {
	padding-left: 15px;
}
.fade-text {
	opacity: 30%;
}
.form-field .input-field {
	width: 192px;
}
.input-field, .qty-item-field .fade-text {
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
}
.qty-item-field {
	position: relative;
}
.qty-item-field .fade-text {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.qty-item-field .input-field {
	padding-right: 65px;
}
.custom-select {
	background-image: url('../images/orange-arrow-down.svg');
	background-size: 11px auto;
}
.input-field {
	height: auto;
	padding: 13px 20px;
	border-radius: 8px;
	border: 1px solid rgba(1,58,62,0.25);
}
.input-field[disabled] {
	background-color: #f9fafa;
}
.custom-select:focus {
	box-shadow: none;
}
.custom-select.input-field:focus {
	border: 1px solid rgba(1,58,62,0.25);
}
.information-column {
	/*max-width: 659px;*/
	/*margin-left: auto;*/
	padding-left: 15px;
}
.bigerSeconday {
	font-size: 24px;
	font-weight: 700;
	padding: 23px;
	width: 100%;
}
.details-cloumn {
	background-color: #F9FAFA;
	padding: 40px;
}
.details-cloumn .cardTitle {
	padding-bottom: 20px;
}
.cardTitle h6 {
	font-size: 24px;
	line-height: 28px;
	color: #445567;
	font-weight: 700;
}
.cardFooter .amount-base {
	font-size: 34px;
	font-weight: 500;
	color: #445567;
	line-height: 40px;
	padding-bottom: 10px;
}
.lble-text {
	font-size: 20px;
	font-weight: 500;
	color: #444E58;
	line-height: 26px;
}
.backtool-section {
	padding: 85px 0px;
}
.back-tool-text {
	color: #fff;
	display: inline-block;
}
.back-tool-text:hover {
	color: #FF8800;
}
.back-tool-text .aro-left {
	width: 7px;
	margin-right: 15px;
}
.back-tool-text .aro-left img {
	display: block;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	-webkit-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}
.back-tool-text:hover .aro-left img {
	-webkit-filter: inherit;
	filter: inherit;
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}
.back-tool-text span {
	display: inline-block;
	vertical-align: middle;
}
.back-tool-text .txt-lbe {
	font-size: 14px;
	font-weight: 500;

}
/* ================ gross power page layout close ================ */

/* ================ Items_dataPage start   ================ */
.smcTestingInn {
  padding: 130px 0px 130px;
}
.borderBottom {
	border-bottom: 1px solid #d7d7d7;
}
.smcTestingCol {
	max-width: 561px;
}
.smcTestingContent {
	max-width: 600px;
}
.smcTestingContent p {
  line-height: 29px;
}
.mg-top {
  margin-top: 20px;
}
.pd-top{
	padding-top:130px;
}
.centerText {
  margin: 0 auto;
  max-width: 516px;
  text-align: center;
}
.graph_imgStyle {
  padding-bottom: 30px;
}
.figureText {
  font-size: 11px;
  color: #222831;
  display: block;
  text-align: center;
  margin-top: 30px;
}
.spaceCol{
	padding: 80px 0px;
}
.smcTesting{
	margin:150px 0;
}
.techImg{
	max-width: 477px;
	margin: -60px 0 -320px;
}
/* ================ Items_dataPage close  ================ */

/* ================ map page layout start  ================ */
.distributionMapCol{
	background-color: #F6F4F2;
}
.distributionMapImgCol {
  padding: 80px 0px;
}
/* ================ map pages layout close  ================ */


/* footer */
.footer-section {
	background-color: #EBEDED;
	padding: 140px 0 20px;
}
.footerlogocol {
	max-width: 350px;
}
.footerliststyle li a {
  color: #000100;
}
.footerliststyle li+li{
	padding-top: 8px;
}
.footersignupcol {
	max-width: 390px;
	margin-left: auto;
}
.inuptbtn .form-control {
	padding: 10px 20px;
	height: 50px;
	border-radius: 0;
	border: none;
}
.form-control:focus {
  box-shadow: none;
}
.inuptbtn .newsletterBtn {
	background: #FF8500;
	padding: 10px 20px 8px;
	border: none;
	height: 100%;
}
.newsletterBtn img {
	display: block;
}
.inuptbtn i {
  font-size: 12px;
}
.footerAlignCol {
	border-top: 1px solid #b0bab9;
	padding: 25px 0px;
	margin-top: 100px;
}

.copyrightCol p {
  color: #929392;
	margin: 0;
}
.socialIcons > ul > li {
  display: inline-block;
	vertical-align: middle;
}
.socialIcons > ul > li+li{
	padding-left: 20px;
}
.socialIcons > ul > li > a {
  color: #003a3e;
	font-size: 25px;
}
/*    /footer   */






/* ///////////////////////////////////////////////////////////////////////////// */



/* Case-Studies Css-Start */

.titleCol  h6 {
	font-size: 14px;
	font-weight: 500;
	color: #FF8500;
}
.titleCol  h3 {
	font-size: 48px;
	font-weight: 700;
	color: #445567;
	line-height: 50px;
}
.titleCol h4 {
	font-size: 44px;
	line-height: 50px;
	color: #013A3E;
	font-weight: 700;
}
.white-title h3, .white-title h4 {
	color: #fff;
}
.case_studiesSlider {
	margin-top: 40px;
}

.cardImgCol {
  position: relative;
  /*padding-bottom: 30px;*/

	overflow: hidden;
	padding-left: 15px;
}
.cardImgCol:after {
	left: 15px;
	border-top: 12px solid #FF8800;
	top: 0px;
	right: 0px;
	position: absolute;
	content: "";
}
.caseStudies-sec {
	overflow: hidden;
	padding: 80px 0px;
}
.card-Img-1 {
  width: 100%;
  height: 605px;
}
.card-Img-1 img {
  height: 100%;
	object-fit: cover;
	object-position: center;
}
.studyItem {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}
.case_studiesSlider .item {
	width: 459px;
}
.case_studiesSlider .owl-carousel .owl-stage-outer {
	overflow: visible;
}

.caseStudySlider .owl-nav.disabled {
	display: block !important;
}

.bottomContent {
  background-color: #fff;
  padding: 20px;
  width: 353px;
}
.arrow {
  bottom: 0;
  right: 0px;
  position: absolute;
}
.arrow a {
  background-color: #013A3E;
  width: 60px;
  height: 58px;
  display: flex;
	align-items: center;
  justify-content: center;
}
.arrow a:hover {
	background-color: #FF8500;
}
button:focus {
	outline: 0;
}
.owl-nav {
    position: absolute;
    right: 0;
    top: -129px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
	border: 1px solid #c2c2c2;
	margin: 0px 10px;
	border-radius: 50%;
	width: 68px;
  height: 68px;
	-webkit-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
	border: 1px solid #5c5c5c;
}
.owl-next span {
    background-image: url('../images/orng_right_arrow.svg');

}
.owl-prev span {
	background-image: url('../images/orng_left_arrow.svg');
}
.owl-next span, .owl-prev span {
	background-repeat: no-repeat;
	background-position: center;
	width: 7px;
	color: transparent;
  display: inline-block;
}
.pattern-circle {
	position: absolute;
  right: -70px;
  bottom: 38%;
  width: 160px;
  height: 80px;
  overflow: hidden;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* .cardImgCol .owl-nav {
  text-align: center;
} */
.studyItem h4 {
	font-size: 33px;
	font-weight: 700;
	line-height: 47px;
	color: #445567;
}
/* Case-Studies Css-Close */

/* ================ compliance layout start ================ */
.comp-section {
	padding: 90px 0px;
	position: relative;
	overflow: hidden;
}
.shape-base {
	position: absolute;
}
.shape-one {
	top: 30%;
	left: -105px;
}
.shape-two {
  right: -40px;
  top: -40px;
}
.cover-sers {
	padding: 70px 0px 0px;
}
.cover-sers .card-wrap {
	max-width: 280px;
	margin: 0 auto;
	padding: 10px 0px;
}
.counter-hiter {
	padding-bottom: 20px;
}
.counter-hiter h2 {
	font-size: 63px;
	line-height: 63px;
	color: #ff8500;
	font-weight: 700;
}
.content-based {
	color: #fff;
}
.content-based h6 {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin: 15px 0px
}
/* ================ compliance layout close ================ */


/* ================ statement layout close ================ */
.md-weight {
	font-weight: 400;
}
.statement-section {
	padding: 110px 0px;
}
.stat-content {
	max-width: 515px;
}
.future-togther .icon-items {
	width: 37px;
	height: 37px;
	background-color: #ff8500;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
  align-items: center;
	-ms-flex-pack: center;
  justify-content: center;
	position: absolute;
	left: 0px;
}
.future-togther {
	margin-top: 40px;
	position: relative;
  padding-left: 60px;
	max-width: 400px;
}
.heading h6 {
	font-size: 22px;
	color: #313744;
	line-height: 26px;
	font-weight: 700;
}
.grade-img {
	max-width: 412px;
	height: 557px;
	margin: 0 auto;
}
.obj-img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}
.rectangle-shpe {
	position: relative;
}
.rectangle-shpe:after {
	position: absolute;
  right: 0px;
  top: 0px;
  content: "";
  border-bottom: 112px solid transparent;
  border-right: 112px solid #fff;
}
.shape-pattern {
	position: absolute;
	z-index: -1;
}
.grade-img-patt {
  top: -60px;
  left: -82px;
}
.letter-section {
	padding: 170px 0px;
}
.soil-middle {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}
.button-block {
	padding: 30px 0px 15px;
}
.sign-up-text:hover {
	color: #003a3e;
}
.combine-section {
	position: relative;
	overflow: hidden;
}
.combine-section .rightSideShape {
	top: 20px;
}
/* ================ statement layout close ================ */

/* ================ energy page layout start ================ */
.paragraph {
	max-width: 645px;
}
/* ================ energy page layout start ================ */


/* tools */

.toolsContent {
	position: relative;
}
.cardStyle4 {
  position: relative;
  margin: 35px 20px;
}
.fullLink {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 5;
}
.card4ImgCol {
	overflow: hidden;
	position: relative;
}
.card4ImgCol img {
	-webkit-transition: all 800ms ease-in-out 0s;
	-o-transition: all 800ms ease-in-out 0s;
	transition: all 800ms ease-in-out 0s;
}
.cardStyle4:hover .card4ImgCol img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.card4ImgCol::after{
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(1,58,62,0.89);
	position:absolute;
}
.card4Content {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 20px 40px;
	color: #fff;
	min-height: 160px;
}
.card4Content h4 {
  font-size: 42px;
  font-weight: bold;
}
.card4Content p {
  font-size: 15px;
}
.patternBg {
	background-image: url('../images/pattern-bg.png');
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

/*      /tools     */







@media (min-width:1581px) {
  .container {
    max-width: 1430px;
  }
  .container.mdContainer {
  	max-width: 1200px;
  }
  .mt-minus-10 {
	  margin-top: -10rem;
  }
}
@media (max-width:1580px) {
	.cardStyle4 {
		margin: 25px 10px;
	}
	.card4Content h4 {
		font-size: 36px;
	}
	.card4Content {
		padding: 10px 25px;
		min-height: 135px;
	}
	.mt-minus-10 {
	  margin-top: -8rem;
    }
}

@media(max-width:1400px) {
	.mt-minus-10 {
	  margin-top: -8rem;
    }
	.case_studiesSlider .item {
    width: 430px;
	}
	.card-Img-1 {
    height: 540px;
	}
	.bottomContent {
    padding: 15px;
    width: 330px;
	}
	.studyItem h4 {
    font-size: 28px;
    line-height: 40px;
    color: #445567;
	}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		width: 58px;
		height: 58px;
	}
	.owl-nav {
    top: -116px;
	}
	.bannerContentCol {
    padding: 100px 0;
	}
	.bannerTitle {
    font-size: 60px;
    line-height: 62px;
	}
	.btn {
    padding: 14px 30px;
	}
	.homeBannerImg > .bannerBtnOverlap > .btn {
		min-width: 200px;
	}
	.banner-img {
    height: 550px;
	}
	.trustedIndCol, .sectionSpace, .caseStudies-sec, .comp-section {
		padding: 70px 0px;
	}
	.titleCol h3 {
    font-size: 42px;
    line-height: 44px;
	}
	.trustedLogoCol {
    padding-top: 40px;
	}
	.cover-sers {
		padding: 60px 0px 0px;
	}
	.counter-hiter h2 {
    font-size: 53px;
    line-height: 53px;
	}
	.counter-hiter {
    padding-bottom: 15px;
	}
	.statement-section {
		padding: 100px 0px;
	}
	.letter-section {
    padding: 150px 0px;
	}
	.titleCol h4 {
    font-size: 40px;
    line-height: 46px;
	}
	.sideShape {
    width: 350px;
	}
	.button-block {
    padding: 25px 0px 15px;
	}
	.footer-section {
    padding: 120px 0 20px;
	}
	.footerAlignCol {
    margin-top: 80px;
		padding: 20px 0px;
	}
	.innerBanner {
		padding: 200px 0px;
	}
	.cardStyle3 {
    max-width: 542px;
	}
	.services .service:nth-child(even) {
    margin-top: -155px;
	}
	.titleColMain h6 {
    font-size: 30px;
    line-height: 36px;
	}
	.texting-sec {
    padding: 50px 30px;
	}
	.usesShape-pattern {
		position: absolute;
		top: -87px;
    right: -78px;
	  width: 280px;
	}
	.textSize-20 {
    font-size: 18px;
    line-height: 28px;
	}
	.bigerSeconday {
		padding: 20px;
		font-size: 22px;
	}
	.details-cloumn {
    padding: 30px;
	}
	.details-cloumn .cardTitle {
    padding-bottom: 15px;
	}
	.cardFooter .amount-base {
    font-size: 30px;
    line-height: 36px;
    padding-bottom: 10px;
	}
	.backtool-section {
    padding: 75px 0px;
	}
	.data-section {
    padding: 65px 0px;
	}
	.type-data-column, .information-column {
    padding-top: 80px;
	}
	.information-column {
    max-width: 500px;
	}
	/* 10/01/2020 */
	.techImg {
    margin: -60px 0 -280px;
  }
	.smcTestingInn {
    padding: 75px 0px 75px;
 }
 .smcTesting {
    margin: 100px 0;
 }
	/* 10/01/2020 */
}

@media(max-width:1366px) {
	.mt-minus-10 {
	  margin-top: -8rem;
    }
	.studyItem h4 {
    font-size: 24px;
    line-height: 34px;
	}
	.card-Img-1 {
    height: 480px;
	}
	.case_studiesSlider .item {
    width: 400px;
	}
	.arrow a {
    width: 50px;
    height: 48px;
	}
	.bottomContent {
    padding: 10px;
	}
	.bannerContentCol {
    padding: 90px 0;
	}
	.banner-img {
    height: 480px;
	}
	.trustedIndCol, .sectionSpace, .caseStudies-sec, .comp-section {
    padding: 60px 0px;
	}
	.titleCol h3 {
    font-size: 38px;
    line-height: 40px;
	}
	.animatedIcon-1 {
    max-width: 395px;
	}
	.animatedIcon-2 {
    max-width: 420px;
	}
	.animatedIcon-3 {
    max-width: 425px;
	}
	.counter-hiter h2 {
    font-size: 43px;
    line-height: 43px;
	}
	.cover-sers {
    padding: 50px 0px 0px;
	}
	.content-based h6 {
    font-size: 18px;
    line-height: 22px;
	}
	.letter-section {
    padding: 130px 0px;
	}
	.titleCol h4 {
    font-size: 36px;
    line-height: 42px;
	}
	.card2btn > a {
		width: 70px;
		height: 70px;
	}
	.footer-section {
    padding: 100px 0 20px;
	}
	.footerAlignCol {
    margin-top: 60px;
	}
	.cardStyle3 {
    max-width: 512px;
	}

	.titleColMain h6 {
    font-size: 28px;
    line-height: 34px;
	}
	.texting-sec {
    padding: 40px 30px;
	}
	.innerBanner {
		padding: 170px 0px;
	}
	.back-to-top {
		left: 0px;
	}
	.backtool-section {
    padding: 65px 0px;
	}
	.data-section {
    padding: 45px 0px;
	}
	/*.type-data-column, .information-column {
    padding-top: 70px;
	}*/
	.information-column {
		padding-left: 0px;
	}
	.bigerSeconday {
    padding: 15px;
    font-size: 20px;
	}
	.cardFooter .amount-base {
    font-size: 28px;
    line-height: 34px;
	}
	.lable-base {
    font-size: 18px;
		line-height: 22px;
	}
	.cardTitle h6 {
    font-size: 22px;
    line-height: 26px;
	}
	.column-block .titleColMain {
    margin-bottom: 15px;
	}
	.type-data-column .column-block {
    padding-bottom: 20px;
	}
	.back-to-top .text-base {
    font-size: 18px;
    line-height: 18px;
	}
	.back-to-top img {
		width: 22px;
	}
	.distributionMapImgCol {
    padding: 60px 0px;
	}
	/* 10/01/2020 */
	.techImg {
	  margin: -20px 0 -255px;
	}
	.smcTestingInn {
	  padding: 75px 0px 40px;
	}
	/* 10/01/2020 */


}

@media(max-width:1280px) {
	.back-to-top {
    left: -15px;
	}
}

@media (max-width:1199px) {
	.mt-minus-10 {
	  margin-top: -6rem;
    }
	.logo {
    padding-right: 40px;
	}
	.owl-nav {
    position: static;
		text-align: center;
		margin-top: 30px;
	}
	.footerlogocol {
		max-width: 100%;
		padding-bottom: 30px;
	}
	.case_studiesSlider .owl-carousel .owl-stage-outer {
		overflow: hidden;
	}
	.bannerTitle {
    font-size: 50px;
    line-height: 52px;
	}
	.banner-img {
    height: 450px;
	}
	.trustedIndCol, .sectionSpace, .caseStudies-sec, .comp-section {
    padding: 50px 0px;
	}
	.trustedLogoCol {
    padding-top: 30px;
	}
	.animatedIcon-1 {
    max-width: 345px;
	}
	.shape-base {
		width: 180px;
	}
	.shape-one {
    left: -75px;
	}
	.cover-sers {
    padding: 40px 0px 0px;
	}
	.counter-hiter {
    padding-bottom: 10px;
	}
	.grade-img {
    max-width: 345px;
    height: 480px;
	}
	.letter-section {
    padding: 110px 0px;
	}
	.sideShape {
    width: 250px;
	}
	.titleCol h4 {
    font-size: 32px;
    line-height: 38px;
	}
	.button-block {
    padding: 15px;
	}
	.footer-section {
    padding: 80px 0 20px;
	}
	.footerAlignCol {
    margin-top: 40px;
	}
	.innerBanner {
    padding: 150px 0px;
	}
	.cardStyle3 {
    max-width: 472px;
	}
	.cardStyle3  .card3ImgCol {
		height: 465px;
	}
	.texting-sec {
    bottom: -35px;
	}
	.cardStyle4 {
		margin: 15px 0px;
	}
	.card4Content h4 {
		font-size: 30px;
	}
	.card4Content {
		min-height: 125px;
	}
	.backtool-section {
    padding: 55px 0px;
	}
	.form-field .input-field {
    width: 162px;
	}
	.details-cloumn {
    padding: 25px;
	}
	.lble-text {
		font-size: 18px;
	}
	.distributionMapImgCol {
    padding: 50px 0px;
	}
}


@media (max-width:991px) {
	.mt-minus-10 {
	  margin-top: -4rem;
    }
	.logo {
		padding-right: 0px;
	}
	.headerRightCol li .btn {
    padding: 12px 18px;
	}

  .navigation > ul > li + li {
  	padding-left: 0px;
  }
  .navigation {
  	position: fixed;
  	left: 0;
  	top: 0;
  	bottom: 0;
  	padding: 20px;
  	background-color: rgba(255,255,255,0.95);
  	right: 0;
  	z-index: 99;
  	-webkit-transform: translateX(-150%);
  	-ms-transform: translateX(-150%);
  	transform: translateX(-150%);
  	-webkit-transition: all 400ms ease-in-out 0s;
  	-o-transition: all 400ms ease-in-out 0s;
  	transition: all 400ms ease-in-out 0s;
    text-align: center;
  }
  .openNav .navigation {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
	.navigation, .close-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
	}
	.close-menu {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #001632;
    position: absolute;
    top: 20px;
    right: 20px;
	}
	.close-menu img {
		width: 15px;
	}
  .navigation > ul {
		max-height: calc(100% - 30px);
		overflow-y: auto;
		margin-top: 30px;
		width: 100%;
  }
  .navigation > ul > li {
  	display: block;
	width: 100%;
  }
  .navigation > ul > li > a {
  	display: inline-block;
  	padding: 5px 0;
		font-size: 24px;
  }
  .headerCol {
  	padding: 15px 0;
  }
	.case_studiesSlider .item {
    width: 335px;
	}
	.bottomContent {
    width: 260px;
	}
	.studyItem h4 {
    font-size: 22px;
    line-height: 30px;
	}
	.bottomContent p {
		font-size: 14px;
	}
	.bannerContentCol {
    padding: 80px 0;
	}
	.bannerTitle {
    font-size: 40px;
    line-height: 42px;
		padding-bottom: 10px;
	}
	.bannerCol {
		padding-top: 78px;
	}
	.banner-img {
    height: 380px;
	}
	.homeBannerImg > .bannerBtnOverlap > .btn {
    min-width: 185px;
	}
	.trustedIndCol, .sectionSpace, .caseStudies-sec, .comp-section {
    padding: 40px 0px;
	}
	.titleCol h3 {
    font-size: 30px;
    line-height: 32px;
	}
	.animatedIcon, .stepContent {
		margin: 0 auto;
	}
	.stepContent {
		text-align: center;
	}
	.animatedIcon-1 {
    max-width: 285px;
	}
	.animatedIcon-2 {
    max-width: 290px;
	}
	.animatedIcon-3 {
    max-width: 285px;
	}
	.counter-hiter {
    padding-bottom: 5px;
	}
	.counter-hiter h2 {
    font-size: 36px;
    line-height: 38px;
	}
	.shape-base {
		width: 150px;
	}
	.entryContent {
		max-width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.future-togther {
		margin-left: auto;
		margin-right: auto;
	}
	.grade-img {
		margin-top: 80px;
	}
	.rectangle-shpe .shape-pattern {
    width: 240px;
	}
	.grade-img-patt {
    top: -50px;
    left: -70px;
	}
	.statement-section {
    padding: 40px 0px;
	}
	.grade-img {
    max-width: 300px;
    height: 400px;
	}
	.grade-img {
    margin-top: 60px;
	}
	.sideShape {
    width: 200px;
	}
	.btn {
    padding: 13px 20px;
		font-size: 15px;
	}
	.card2Content h4 {
    font-size: 20px;
	}
	.card2btn > a {
    width: 60px;
    height: 60px;
	}
	.letter-section {
    padding: 80px 0px;
	}
	.footer-section {
    padding: 60px 0 20px;
	}
	.footerAlignCol {
    margin-top: 30px;
		padding: 10px 0px;
	}
	.services .service:nth-child(even) {
    margin-top: 0;
	}
	.innerBanner {
    padding: 120px 0px;
	}
	.titleColMain h6 {
    font-size: 24px;
    line-height: 30px;
	}
	.cardStyle3 {
    max-width: 472px;
    margin: 0 auto 50px;
	}
	.texting-sec {
		padding: 20px;
		width: auto;
		position: absolute;
		text-align: center;
		bottom: 0px;
		margin: 0 30px;
	}
	.usesShape-pattern {
		width: 230px;
	}
	.texting-sec .titleColMain, .information-column {
    max-width: 100%;
	}
	.information-column {
		padding-top: 30px;
	}
	.textSize-20 {
    font-size: 16px;
    line-height: 26px;
	}
	.card4Content {
		padding: 5px 15px;
		min-height: initial;
	}
	.card4Content h4 {
		font-size: 24px;
	}
	.backtool-section {
    padding: 45px 0px;
	}
	.type-data-column {
		max-width: 100%;
	}
	.type-data-column, .information-column {
    padding-top: 50px;
	}
	.data-section {
    padding: 35px 0px;
	}
	.type-data-column .column-block {
    padding-bottom: 10px;
	}
	.bigerSeconday {
    padding: 14px;
    font-size: 18px;
	}
	/* 1/10/2020 */
	.techImg {
  	margin: 40px auto 0;
  }
	.innerBanner {
  	padding: 120px 0px 80px;
  }
	.pd-top {
    padding-top: 0;
   }
	 .smcTesting {
    margin: 0;
  }
	.smcTestingContent{
	 	margin:50px auto;
	}
	.smcTestingInn{
		padding: 40px 0px 0px;
	}
	.smcTestingCol {
		max-width: 100%;
		text-align: center;
		padding-bottom: 15px;
  }
	.smcTestingContent p{
		text-align: center;
		margin-top:30px;
	}
	/* 1/10/2020 */
	.distributionMapImgCol {
    padding: 40px 0px;
	}
	.trustedLogoCol {
		padding-top: 20px;
	}
	.trustedSlider .item {
    width: 160px;
	}
}

@media (max-width:767px) {
	.fixed-header .headerRightCol li .btn, .headerRightCol li .btn {
		padding: 10px 15px;
	}
	.fixed-header .logo img {
		width: 108px;
	}
	.footersignupcol {
		max-width: 100%;
		padding-top: 30px;
	}
	.case_studiesSlider .item {
    width: 364px;
    max-width: 100%;
		margin: 0 auto;
	}
	.cardImgCol {
		padding-left: 0px;
	}
	.cardImgCol:after {
		left: 0px;
	}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    width: 48px;
    height: 48px;
	}
	.bannerTitle {
    font-size: 28px;
    line-height: 30px;
    padding-bottom: 5px;
	}
	.homeBannerContent p {
		font-size: 15px;
	}
	.bannerContentCol {
    padding: 70px 0;
	}
	.sideShape {
    width: 180px;
	}
	.banner-img {
    height: 330px;
	}
	.homeBannerImg > .bannerBtnOverlap > .btn {
    min-width: 175px;
	}
	.trustedIndCol, .sectionSpace, .caseStudies-sec {
    padding: 30px 0px;
	}
	.titleCol h3 {
    font-size: 26px;
    line-height: 30px;
	}
	.animatedIcon {
		max-width: 250px;
	}
	.cover-sers {
    padding: 30px 0px 10px;
	}
	.counter-hiter h2 {
    font-size: 32px;
    line-height: 34px;
	}
	.topBar, .shapeWd-300, .usesShape-pattern {
		display: none;
	}
	.heading h6 {
    font-size: 20px;
    line-height: 24px;
	}
	.titleCol h4 {
		font-size: 24px;
    line-height: 30px;
	}
	.letter-section {
    padding: 60px 0px;
	}
	.footer-section {
    padding: 40px 0px;
	}
	.bannerCol {
    padding-top: 74px;
	}
	.stepContent p, .content-based p, .entryContent p, .card-cont p {
		font-size: 14px;
		line-height: 24px;
	}
	.card2btn > a {
    width: 50px;
    height: 50px;
	}
	.mapbg {
		-webkit-background-size: 100% auto;
		background-size: 100%  auto;
	}
	.titleColMain h6 {
    font-size: 22px;
    line-height: 28px;
	}
	.innerBanner {
    padding: 100px 0px;
	}
	.cardStyle3 {
    margin: 0 auto 30px;
	}
	.backtool-section {
    padding: 35px 0px;
	}
	.help-doc-block li {
		display: block;
		padding: 5px 20px;
	}
	.type-data-column, .information-column {
    padding-top: 30px;
	}
	.form-field .input-field {
    width: 100%;
	}
	.input-field, .qty-item-field .fade-text {
		font-size: 16px;
		line-height: 18px;
	}
	.data-section {
    padding: 25px 0px;
	}
	.details-cloumn {
    padding: 20px;
	}
	.help-doc-block li a, .lble-text {
		font-size: 16px;
	}
	.cardTitle h6 {
    font-size: 20px;
    line-height: 24px;
	}
	.details-cloumn .cardTitle {
    padding-bottom: 10px;
	}
	.cardFooter .amount-base {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 5px;
	}
	.lable-base {
    font-size: 16px;
    line-height: 20px;
	}
	.back-to-top {
    left: -20px;
	}
	.back-to-top .text-base {
    font-size: 18px;
    line-height: 18px;
	}
	.back-to-top img {
		width: 20px;
		vertical-align: middle;
	}
	.distributionMapImgCol {
    padding: 40px 0px;
	}
}


@media (max-width:575px) {
	.footerAlignCol {
		text-align: center;
	}
	.copyrightCol {
		padding-bottom: 15px;
	}
	.bottomContent {
    width: 220px;
	}
	.studyItem h4 {
    font-size: 20px;
    line-height: 28px;
	}
	.sideShape {
		display: none;
	}
	.banner-img {
    height: 280px;
	}
	.homeBannerImg > .bannerBtnOverlap > .btn {
    min-width: 160px;
	}
	.titleCol h3 {
    font-size: 22px;
    line-height: 24px;
	}
	.counter-hiter h2 {
    font-size: 30px;
    line-height: 32px;
	}
	.cover-sers {
    padding: 20px 0px 0;
	}
	.heading h6 {
    font-size: 20px;
    line-height: 24px;
	}
	.titleCol h4 {
    font-size: 20px;
    line-height: 26px;
	}
	.letter-section {
    padding: 50px 0px;
	}
	.card2Content h4 {
    font-size: 18px;
	}
	.titleColMain h6 {
    font-size: 20px;
    line-height: 26px;
	}
	.innerBanner {
    padding: 100px 0px 50px;
	}
	.cardStyle4 {
		margin: 8px 0px;
	}
	.card4Content h4 {
		font-size: 22px;
	}
	.type-data-column, .information-column {
    padding-top: 20px;
	}
}
@media(max-width: 480px) {
	.bannerContentCol {
    padding: 50px 0;
	}
	.banner-img {
    height: 230px;
	}
	.counter-hiter h2 {
    font-size: 26px;
    line-height: 28px;
	}
	.counter-hiter {
    padding-bottom: 0;
	}
	.heading h6 {
    font-size: 18px;
    line-height: 22px;
	}
	.letter-section {
    padding: 40px 0px;
	}
	/* 10/01/2020 */
	.smcTestingContent {
    margin: 40px auto 20px;
 }
 .smcTestingInn {
    padding: 20px 0;
  }
	.mg-top {
    margin-top: 0;
 }
 .smcTestingCol{
	 padding: 20px 0;
 }
 /* 10/01/2020 */
}
@media(max-width:375px) {
	.banner-img {
    height: 200px;
	}
	.back-to-top .text-base {
    font-size: 16px;
    line-height: 16px;
	}
	.back-to-top {
		bottom: 40px;
		left: -15px;
    padding: 5px 10px;
	}
	.back-to-top img {
    margin-left: 9px;
		width: 16px;
	}
}
@media(max-width:320px) {
	.card-Img-1 {
    height: 410px;
	}
}