@charset "utf-8";
/*header contents*/
/*powerd by WhiteMOose*/
.producttb-sect {
	background: url(../images/product-sect.jpg) no-repeat;
	padding: 50px 0px 80px 0px;
	margin-top: -65px;
	background-size: 100% 100%;
	position: relative;
	z-index: 0;
}
.abt-grid {
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
}
.abt-grid .col-md-5 {
	padding-right: 0px;
}
.abt-grid .col-md-7 {
	padding-left: 0
}
.producttb-sect .tab-prd .tbbt-grid {
	background: url(../images/tab-bg.jpg) no-repeat;
	padding: 40px 40px 25px 40px;
	background-size: 100% 100%;
}
#cssmenu ul li.has-sub a:hover:before {
	display: none
}
.producttb-sect .tab-prd .tbbt-grid ul.nav-tabs {
	border-bottom: none;
}
.producttb-sect .tab-prd .tbbt-grid h3 {
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
	margin-left: 40px;
}
.producttb-sect .tab-prd .tbbt-grid ul.nav-tabs li {
	float: inherit;
	display: flex;
	margin-bottom: 2px;
	transition: all .2s ease-in-out;
}
.producttb-sect .tab-prd .tbbt-grid ul.nav-tabs li a {
	padding: 5px 40px;
	border-radius: 0;
	position: relative;
	box-shadow: none;
	color: #fff;
	font-size: 20px;
	transition: all .2s ease-in-out;
}
.producttb-sect .tab-prd .tbbt-grid ul.nav-tabs li a:before {
	content: "";
	position: absolute;
	top: 47%;
	left: -1px;
	width: 32px;
	height: 4px;
	background: #009bff;
	transition: all .2s ease-in-out;
	opacity: 0;
}
.producttb-sect .tab-prd .tbbt-grid ul.nav-tabs li.active a:before, .producttb-sect .tab-prd .tbbt-grid ul.nav-tabs li:hover a:before {
	opacity: 9;
}
.custmer-wrp {
	background: url(../images/customers-bg.png) no-repeat;
	padding: 100px 0 50px 0;
	margin-top: -95px;
	background-size: 100% 100%;
	position: relative;
	z-index: 0;
}
.custmer-wrp .custmer-grid h4 {
	color: #2d2d51;
	font-weight: 800;
	font-size: 40px;
	margin-bottom: 25px;
}
.custmer-wrp .custmer-grid i {
	margin-bottom: 15px;
	display: block;
}
.custmer-wrp .custmer-grid h4 sub {
	font-size: 14px;
	margin-left: 10px;
	bottom: .1em;
}
.custmer-wrp .custmer-grid p {
	color: #2d2d51;
	font-size: 16px;
	line-height: 22px;
}
.custmer-wrp .custmer-grid {
	transition: all .2s ease-in-out;
	padding: 20px 20px 120px 20px;
	position: relative;
	border: 4px solid rgba(0, 155, 255, 0);
}
.custmer-wrp .custmer-grid:hover {
	transition: all .2s ease-in-out;
	border: 6px solid #009bff;
}
.custmer-wrp .custmer-grid:hover:after {
	position: absolute;
	width: 110%;
	content: '';
	right: 0;
	bottom: 0;
	background: url(../images/custm-hovr-bg.png);
	height: 30%;
	background-size: 100% 100%;
}
.custmer-wrp .cmn-text h3 {
	color: #1f1c1c;
}
.cmn-text h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 15px;
	text-align: center;
	margin-bottom: 60px;
}
.banner-slide .owl-dots {
	display: block;
}
.abt-wrp .abt-grid .img-wr-abt {
	position: relative;
	width: auto;
}
.abt-wrp .abt-grid .img-wr-abt .po-imgabt {
	position: absolute;
	right: 0;
	width: 55%;
	bottom: -40%;
}
.abt-wrp .abt-grid .img-wr-abt .po-imgabt span.video-play {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
	  cursor:pointer;
}
div.video {
   width: 420px;
   height: 315px;
   padding: 20px;
   display: none;
   position: absolute;
   top:20% !important;
   left:0 !important;
    right: 0 !important;
    margin: 0 auto;
}
div.video-wrapper {
   z-index: 999;
   background: rgba(0,0,0,.5);
   position: fixed;
   display: none;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
}


.producttb-sect .tab-prd .tbbt-grid ul.nav-tabs li.active a, .producttb-sect .tab-prd .tbbt-grid ul.nav-tabs li:hover a {
	color: #009bff;
	background: #fff;
}
.producttb-sect .tab-content .tb-prdct-grid .img-box img {
	width: 100%;
	height: auto;
}
.producttb-sect .tab-content .tb-prdct-grid {
	position: relative;
	margin-bottom: 30px;
	transition: all .2s ease-in-out;
}
.producttb-sect .tab-content .tb-prdct-grid:hover .text-wrp h3 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
}
.producttb-sect .tab-content .tb-prdct-grid:hover .text-wrp {
	opacity: 9;
}
.producttb-sect .tab-content .tb-prdct-grid .text-wrp {
	transition: all .2s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding: 30% 0;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
}
.abt-wrp .abt-grid .abt-txt {
	background: #c0c9cf;
	padding: 60px;
	margin-top: 11rem;
	margin-bottom: 4rem;
}
.abt-wrp .abt-grid .abt-txt h4 {
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 700;
	color: #2d2d51;
	margin-bottom: 20px;
}
.abt-wrp .abt-grid .abt-txt h4 span {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
}
.abt-wrp .abt-grid .abt-txt p {
	color: #2d2d51;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 15px;
}
.abt-wrp .abt-grid .abt-txt a {
	background: #009bff;
	color: #2d2d51 !important;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 25px;
	margin-top: 15px;
	transition:all .5s;
}
.abt-wrp .abt-grid .abt-txt a:hover {
	background:#c1ddf0;
}
.sect-four {
	background: url(../images/sect-foru-banner.png) no-repeat;
	width: 100%;
	background-size: 100% 100%;
	position: relative;
	padding: 7rem 0 0 0;
}
.sect-four .posidiv {
	position: absolute;
	top: -5rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.sect-four .top-sect {
}
.sect-four .top-sect p {
	color: #d1d1d1;
	font-size: 18px;
	line-height: 34px;
	text-align: center;
	font-style: italic;
	position: relative;
	padding-bottom: 3rem;
}
.sect-four .top-sect p:after {
	border-bottom: 1px solid #009bff;
	width: 150px;
	height: 1px;
	position: absolute;
	content: "";
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sect-four .botmsect {
	padding: 3rem 0 0 0;
}
.sect-four .botmsect .service_box {
	display: flex;
}
.sect-four .botmsect .service_box .sectionbox {
	flex: 1;
	display: flex;
	justify-content: center;
	overflow: hidden;
	transition: flex .4s ease;
	position: relative;
}
.sect-four .botmsect .service_box .sectionbox a {
	display: block;
}
.sect-four .botmsect .service_box .sectionbox a img {
	transition: all .2s ease-in-out;
	opacity: .6;
}
.sect-four .botmsect .service_box .sectionbox:hover a img {
	transform: scale(1.1);
	opacity: 1;
}
.sect-five {
	background: url(../images/sect-five-banner.jpg) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	padding: 5rem 0 5rem 0;
}
.sect-five h2 {
	color: #c0c9cf;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 2rem;
}
.sect-five .sectfive-bottom .fiimgright {
	width: 70%;
 margin:.8rem 0 0 2rem;
}
.sect-five .sectfive-bottom .fiimgright h4 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.sect-five .sectfive-bottom .fiimgright p {
	color: #c0c9cf;
	font-size: 16px;
	line-height: 22px;
	-webkit-line-clamp: 3;
}
.sect-five .sectfive-bottom .owl-theme .owl-dots {
	display: none;
}
.sect-six {
	background: url(../images/section-six-banner.jpg) no-repeat;
	width: 100%;
	background-size: 100% 100%;
	padding: 5rem 0 10rem 0;
}
.sect-six h3 {
	color: #2d2d51;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.sect-six .sectsix-div {
	margin-top: 80px;
}
.sect-six .sectsix-div .sectsix-sub {
	transition: all .5s;
	cursor: pointer;
	overflow: hidden;
}
.sect-six .sectsix-div .sectsix-sub a.imglink {
	display: block;
	overflow: hidden;
}
.sect-six .sectsix-div .sectsix-sub a.imglink img {
	transition: all .2s ease-in-out;
}
.sect-six .sectsix-div .sectsix-sub .sectsix-sub-txt {
	background: #fff;
	padding: 20px 20px 40px 20px;
	transition: all .5s;
}
.sect-six .sectsix-div .sectsix-sub .sectsix-sub-txt h5 a {
	color: #2d2d51;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	transition: all .5s;
}
.sect-six .sectsix-div .sectsix-sub .sectsix-sub-txt p {
	color: #2d2d51;
	font-size: 16px;
	line-height: 24px;
	opacity: .7;
	-webkit-line-clamp: 4;
}
.sect-six .sectsix-div .sectsix-sub:hover .sectsix-sub-txt h5 a {
	color: #009bff;
}
.sect-six .sectsix-div .sectsix-sub:hover a.imglink img {
	transform: scale(1.1);
}
.sect-six .sectsix-div .sectsix-sub:hover .sectsix-sub-txt {
	background: #f1f6f9;
}
.sect-seven {
	display: flex;
}
.sect-seven .sevendiv {
	flex: 1;
	display: flex;
	justify-content: center;
	overflow: hidden;
	transition: flex .4s ease;
	position: relative;
}
.sect-seven .sevendiv {
	background: #fff;
	padding: 5rem;
}
.sect-seven .sevendiv.sevendivchng {
	background: #f9fafe;
}
.sect-seven .sevendiv h3 {
	color: #252931;
	font-size: 34px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	z-index: 99;
}
.sect-seven .sevendiv h3:after {
	content: "";
	position: absolute;
	background: #009bff;
	width: 250px;
	height: 18px;
	left: 0;
	bottom: 0;
	z-index: -9
}
.sect-seven .sevendiv h5 {
	color: #2d2d51;
	font-size: 17px;
	font-weight: bold;
	padding: 1rem 0 3rem 0;
}
.sect-seven .sevendiv p {
	color: #2d2d51;
	font-size: 16px;
	line-height: 24px;
}
.sect-seven .sevendiv .ft-form {
	border-bottom: 2px solid #2d2d51;
	width: 100%;
	margin: 3rem 0 1rem 0;
	padding: 10px 10px;
}
.sect-seven .sevendiv .ft-form .inpt {
	color: #2d2d51;
	font-size: 16px;
	width: 90%;
}
.sect-seven .sevendiv .ft-form .btnfoot {
	background-color: transparent;
	transition:all .5s;
}
.sect-seven .sevendiv .ft-form .btnfoot:hover {
  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 5000px;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.sect-seven .sevendiv.sevendivchng h4 {
	color: #2d2d51;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
}
.sect-seven .sevendiv.sevendivchng ul.loct {
}
.sect-seven .sevendiv.sevendivchng ul.loct li {
	color: #2d2d51;
	font-size: 14px;
	display: flex;
	line-height: 20px;
	padding-bottom: 20px;
}
.sect-seven .sevendiv.sevendivchng ul.loct li span.icns {
	margin-right: 10px;
	position: relative;
}
.sect-seven .sevendiv.sevendivchng ul.loct li span.icns i {
	color: #2d2d51;
	font-size: 28px;
	position: relative;
	z-index: 999;
}
.sect-seven .sevendiv.sevendivchng ul.loct li span.icns i:after {
	position: absolute;
	content: "";
	background: #92d3fe;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	bottom: 9px;
	right: -3px;
	z-index: -9;
}
.footer {
	background: url(../images/footer-banner.jpg) no-repeat;
	width: 100%;
	background-size: 100% 100%;
	padding: 4rem 0;
}
.footer .ft-logo a {
	display: block;
}
.footer .ft-logo h6 {
	color: #fff;
	opacity: .6;
	text-align: center;
	font-size: 16px;
	padding: 15px 0 0 0;
}
.footer ul.ftlink {
	margin: 2.5rem 0;
}
.footer ul.ftlink li a {
	color: #fff;
	font-size: 16px;
	padding: 0 20px 0 0;
	transition: all .5s;
}
.footer ul.ftlink li a:hover {
	color: #009bff;
}
.footer ul.sociallink {
	margin: 2.5rem 0;
	float: right;
}
.footer ul.sociallink li {
	padding: 0 0 0 2.5rem;
}
.footer ul.sociallink li a i {
	font-size: 22px;
	color: #5b5b76;
	transition: all .5s;
}
.footer ul.sociallink li a i:hover {
	color: #009bff;
}
/*#player {
	width:80% !important;
	margin:0 auto !important;
}*/
@media (max-width: 999px) {
.producttb-sect .tab-prd .tbbt-grid {
    margin: 30px 0;
}
.abt-wrp .abt-grid .abt-txt {
    padding: 40px 20px;
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.producttb-sect {
	padding: 0px;
	margin-bottom: 15px;
	margin-top: -30px;
}
.cmn-text h3 {
	padding-top: 20px;
	margin-bottom: 20px;
}
.sect-six .sectsix-div .sectsix-sub {
	margin-bottom: 30px;
}
.sect-six {
	padding: 5rem 0 5rem 0;
}
.sect-seven .sevendiv.sevendivchng ul.loct {
	margin: 0 auto;
	display: table;
}
.sect-seven .sevendiv.sevendivchng h4 {
	font-size: 30px;
	text-align: center;
}
.sect-seven .sevendiv h5 {
	font-size: 14px;
}
.footer ul.sociallink li {
	padding: 0 0 0 2rem;
}
}
@media (max-width: 767px) {
.custmer-wrp {
	background-size: cover;
}
.abt-grid {
	margin-top: 0px;
	display: block;
}
.producttb-sect {
	padding: 50px 0;
}
.producttb-sect .tab-prd .tbbt-grid {
	padding: 15px;
	margin-bottom: 20px;
}
.custmer-wrp .custmer-grid:hover:after {
	width: 100%;
	content: '';
	right: -4px;
	bottom: -4px;
	height: 40%;
	z-index: -1;
}
.custmer-wrp .custmer-grid {
	padding: 10px 10px 80px 10px;
	text-align: center;
}
.abt-wrp .abt-grid .img-wr-abt .po-imgabt {
	z-index: 9;
}
.custmer-wrp .custmer-grid i {
	margin-bottom: 8px;
}
.custmer-wrp .custmer-grid h4 {
	font-size: 20px;
	margin-bottom: 15px;
}
.custmer-wrp .custmer-grid p {
	padding: 0 40px;
}
.custmer-wrp .custmer-grid h4 sub {
	font-size: 12px;
}
.abt-wrp .abt-grid .abt-txt {
	margin-top: 0;
	padding: 140px 15px 15px 15px;
	margin-bottom: 7rem;
}
.abt-wrp .abt-grid .img-wr-abt {
	margin-top: 3rem;
}
.producttb-sect .tab-prd .tbbt-grid h3 {
	font-size: 22px;
	margin-left: 20px;
}
.producttb-sect .tab-prd .tbbt-grid ul.nav-tabs li a {
	font-size: 18px;
}
.cmn-text h3 {
	font-size: 26px;
	letter-spacing: 2px;
	padding-top: 15px;
	margin-bottom: 10px;
}
.sect-five h2 {
	font-size: 30px;
}
.sectfive-bottom .txtwrp-news .fiimg {
	float: none;
	display: table;
	margin: 0 auto;
}
.sect-five .sectfive-bottom .fiimgright {
	width: 100%;
 margin: .8rem 0 0 0rem;
	float: none;
	text-align: center;
	padding: 0 20px;
}
.sect-six .sectsix-div .sectsix-sub {
	margin-bottom: 30px;
}
.sect-six {
	background-size: cover;
	padding: 3rem 0 3rem 0;
}
.sect-six .sectsix-div {
	margin-top: 40px;
}
.sect-seven {
	display: block;
}
.sect-seven .sevendiv .ft-form .inpt {
	width: 85%;
}
.sect-seven .sevendiv {
	padding: 3rem;
}
.footer ul.ftlink {
	margin: 2rem auto;
	display: table;
}
.footer ul.sociallink {
	float: none;
	margin: 2rem auto;
	display: table;
}
.footer {
	padding: 1rem 0;
}
}