@charset "utf-8";
/* CSS Document */
/* Notes
  # Always set image display:block to avoid extra space in container below image
  view port height: 1024px;
  view port width 1600px;
*/

:root {
  --thm-color: #515151;
  --thm-red: #b54441;
  --thm-blue: #01AFEF;
  --thm-grey: #757575;
  --thm-black: #1c1c27;
  --thm-white: #ffffff;
  --thm-border: #E7E7E7;
  --thm-dark-bg: #0e0e23;
	
  --thm-color-rgb: 23, 23, 23;
  --thm-red-rgb: 181, 68, 65;
  --thm-blue-rgb: 1, 175, 239;
  --thm-grey-rgb: 117, 117, 117;
  --thm-black-rgb: 28, 28, 39;
  --thm-white-rgb: 255, 255, 255;
  --thm-font-1: "Poppins Regular", "sans-serif";
  --thm-font-2: "Poppins Medium", "sans-serif";
  --thm-font-3: "Poppins Bold", "sans-serif";
}
/*------- HTML, Body Section ---------*/
html, body {
  font-family: var(--thm-font-1);
  font-size: 18px;
  line-height: 1.5em;
  color: var(--thm-color);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: "Poppins Regular";
  src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins Medium";
  src: url("../fonts/poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins Bold";
  src: url("../fonts/poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*------- General Settings ---------*/
a {text-decoration: none;color: #007bff; /*#0000FF*/}
img { display: block;}
strong {font-family: var(--thm-font-2);}

h1 {font-size: 46px;}
h2 {font-size: 38px;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}
h5 {font-size: 22px;}
h6 {font-size: 18px;}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--thm-font-2);
  color: var(--thm-black);
  line-height: 1.2em;
}
input, button, select, textarea, a {outline: none;}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="password"],
input[type="time"],
input[type="url"],
input[type="week"],select, textarea {
  padding: 8px 8px;
  border: 1px solid var(--thm-border);
  transition: 0.3s ease;
  background: var(--thm-white);
  font-family: var(--thm-font-1);
  font-size: 14px;
  color: var(--thm-color);
}

option {/*font-family: var(--thm-font-1)*/}

input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus, select:focus, textarea:focus {
  border-color: rgba(var(--thm-blue-rgb),.7);
}

input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"], select:disabled, textarea:disabled {
  background: rgba(var(--thm-grey-rgb), .1);
  border-color: rgba(var(--thm-grey-rgb), .15);
  cursor: not-allowed;
}

/*input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]), select, textarea {
  outline: none;
  padding: 8px 8px;
  border: 1px solid var(--thm-border);
  transition: 0.3s ease;
  background: var(--thm-white);
  font-family: var(--thm-font-1);
  font-size: 14px;
  color: var(--thm-color);
}

option {
  font-family: var(--thm-font-1)
}

input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]) {
  width: 200px;
}

textarea {
  display: block;
  box-sizing: border-box
}*/

/*input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):focus, input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"])[type="search"]:focus, select:focus, textarea:focus {
  border-color: rgba(var(--thm-purple-rgb), .6);
}*/


/*input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):disabled, select:disabled, textarea:disabled {
  background: rgba(var(--thm-grey-rgb), .1);
  border-color: rgba(var(--thm-grey-rgb), .15);
  cursor: not-allowed;
}*/
input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"], select:disabled, textarea:disabled {
  background: rgba(var(--thm-grey-rgb), .1);
  border-color: rgba(var(--thm-grey-rgb), .15);
  cursor: not-allowed;
}

button, input[type="reset"], input[type="submit"], input[type="button"] {
  font-family: var(--thm-font-2);
  border: 1px solid var(--thm-purple);
  padding: 7px 14px;
  background: var(--thm-purple);
  color: var(--thm-white);
  transition: 0.3s ease;
  border-radius: 4px;
}

button i, input[type="reset"] i, input[type="submit"] i, input[type="button"] i {
  font-size: 16px;
  vertical-align: middle;
}

button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
  background-color: rgba(var(--thm-purple-rgb), .85);
  border-color: rgba(var(--thm-purple-rgb), .85);
  cursor: pointer;
}

button:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, input[type="button"]:disabled {
  background: rgba(var(--thm-grey-rgb), .3);
  border-color: rgba(var(--thm-grey-rgb), .35);
  color: var(--thm-color);
  cursor: not-allowed;
}

/*input.error:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):invalid, select.error:invalid, textarea.error:invalid {
  border-color: tomato;
}

input.small:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]) {
  width: 60px;
}

input.medium:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]) {
  width: 110px;
}

input.large:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]) {
  width: 300px;
}

input.xlarge:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]) {
  width: 380px;
}

input.tm:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]) {
  width: 248px;
}

select.normal {width: 218px}
select.tm {width: 266px}*/

/*---- Input Type Search --- */
/*input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"])[type="search"] {
  width: 218px
}
input.small:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"])[type="search"] {
  width: 78px
}
input.medium:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"])[type="search"], select.medium {
  width: 127px
}
input.large:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"])[type="search"] {
  width: 317px
}
input.xlarge:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"])[type="search"] {
  width: 397px
}
*/
input:invalid:focus,
select:invalid:focus,
textarea:invalid:focus,
input.error,
input.error:focus, 
select.error, 
select.error:focus, 
textarea.error,
textarea.error:focus{	
	border-color: rgba(var(--thm-red-rgb),.6);
	/*box-shadow: inset 0 0 0 1px rgba(var(--thm-red-rgb),.6);*/
}
/*------- Input foil ---------*/
.input-foil label{
	display:flex;
	flex-direction: column-reverse;
	row-gap:5px;
	grid-row-gap:5px;
}

.input-foil label.fill{flex:1 1 auto;}

.input-foil input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]),
.input-foil select,
.input-foil textarea{
	width:auto;
	border-radius:0;
	padding: 15px;
}

.input-foil input:required + span::after,
.input-foil select:required + span::after,
.input-foil textarea:required + span::after{
	content:'*';
	color:var(--thm-red);
	margin-left: 5px;
}

/*------- Containers ---------*/
#root {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto
}

.foil {
  /*border:1px solid red;*/
	position: relative;
  flex: 1 1 auto;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto
}

.page-header {background-color: var(--thm-white)}
.page-content {flex: 1 1 auto;}
.page-footer {
  background-color: var(--thm-black);
  border-bottom: 1px solid var(--thm-black);
}
/*------- Flex Containers ---------*/
.row {display: flex;}
.row.fdrr {flex-direction: row-reverse}

.row.cg-10 {column-gap: 10px}
.row.cg-20 {column-gap: 20px}
.row.cg-30 {column-gap: 30px}
.row.cg-40 {column-gap: 40px}
.row.cg-60 {column-gap: 60px}
.row.cg-100 {column-gap: 100px}

.column {display: flex; flex-direction: column}
.column.fdcr {flex-direction: column-reverse}

.column.rg-5 {row-gap: 5px}
.column.rg-10 {row-gap: 10px}
.column.rg-15 {row-gap: 15px}
.column.rg-20 {row-gap: 20px}
.column.rg-30 {row-gap: 30px}
.column.rg-40 {row-gap: 40px}
.column.rg-50 {row-gap: 50px}
.column.rg-60 {row-gap: 60px}

.row.gg-10, .column.gg-10{gap:10px; grid-gap: 10px;}
.row.gg-15, .column.gg-15{gap:15px; grid-gap: 15px;}
.row.gg-30, .column.gg-40{gap:30px; grid-gap: 30px;}
.row.gg-40, .column.gg-40{gap:40px; grid-gap: 40px;}
.row.gg-50, .column.gg-50{gap:50px; grid-gap: 50px;}
.row.gg-60, .column.gg-60{gap:60px; grid-gap: 60px;}


.row.wrap, .column.wrap{flex-wrap: wrap}

.row.aifs, .column.aifs {align-items: flex-start}
.row.aife, .column.aife {align-items: flex-end}
.row.aic, .column.aic {align-items: center}
.row.aib, .column.aib {align-items:baseline}

.row.asc, .column.asc {align-self: center}
.row.ass, .column.ass {align-self: flex-start}

.row.acfs, .column.acfs{align-content:flex-start}

.row.jcsb, .column.jcsb {justify-content: space-between}
.row.jcsa, .column.jcsa {justify-content:space-around}
.row.jcfs, .column.jcfs {justify-content:flex-start}
.row.jcfe, .column.jcfe {justify-content:flex-end}
.row.jcc, .column.jcc {justify-content: center}

.row.ofa, .column.ofa {overflow: auto}
.row.ws-nowrap, .column.ws-nowrap {white-space: nowrap;}

.fill{flex:1 1 auto;}
.fd-300{flex:0 1 300px;}
.fd-320{flex:0 1 320px;}
.fd-340{flex:0 1 340px;}
.fd-360{flex:0 1 360px;}
.fd-400{flex:0 1 400px;}

.fd-p50{flex:0 1 50%;}
 
.fw-340{flex:0 0 340px;}
.fw-360{flex:0 0 360px;}
.fw-400{flex:0 0 400px;}
.fw-500{flex:0 0 500px;}
.fw-600{flex:0 0 600px;}

/*------- Input foil ---------*/
.input-foil label{
	width:auto;
	min-width:0;
	display:flex;
	flex-direction: column-reverse;
	row-gap:5px;
	grid-row-gap:5px;
	flex:1 1 auto;
}

.input-foil input[type="date"],
.input-foil input[type="datetime-local"],
.input-foil input[type="email"],
.input-foil input[type="month"],
.input-foil input[type="number"],
.input-foil input[type="search"],
.input-foil input[type="tel"],
.input-foil input[type="text"],
.input-foil input[type="password"],
.input-foil input[type="time"],
.input-foil input[type="url"],
.input-foil input[type="week"],
.input-foil select,
.input-foil textarea{
	width:auto;
	min-width:0;
	padding: 12px;
	flex:1 1 auto;
}

.input-foil input:required + span::after,
.input-foil select:required + span::after,
.input-foil textarea:required + span::after{
	content:'*';
	color:var(--thm-red);
	margin-left: 5px;
}

.input-foil.inline label{display:flex;flex-direction: row-reverse;align-items: center}
.input-foil.inline label span{flex:0 0 120px}
.input-foil.inline.fw-140 label span{flex:0 0 140px}
.input-foil.inline.fw-160 label span{flex:0 0 160px}
.input-foil.inline.fw-180 label span{flex:0 0 180px}
.input-foil.inline.fw-200 label span{flex:0 0 200px}

.input-foil.inline .footer span {flex: 0 0 120px}
.input-foil.inline.fw-140 .footer span {flex: 0 0 140px}
.input-foil.inline.fw-160 .footer span {flex: 0 0 160px}
.input-foil.inline.fw-180 .footer span {flex: 0 0 180px}
.input-foil.inline.fw-200 .footer span {flex: 0 0 200px}

.input-foil input:required + span::after,
.input-foil select:required + span::after,
.input-foil textarea:required + span::after{
	content:'*';
	color:var(--thm-red);
	margin-left: 5px;
}

.input-foil .checkbox label{flex-direction: row; column-gap: 10px}
/*------- Page Header Top---------*/
.header-top-foil {
  border-bottom: 1px solid var(--thm-border);
  background-color: rgba(var(--thm-grey-rgb), .1);
}
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.header-top span {
  display: flex;
  align-items: center;
  column-gap: 10px
}
.header-top .address img { height: 26px;}
.header-top .email img {height: 40px;}
.header-top .phone img {height: 26px;}

/*------- Page Header---------*/
.header-foil {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
	align-items: center;
}

.quick-links{position:absolute; top:10px; right:0;}
.quick-links .phone img {height: 26px;}

.header-left {
  display: flex;
  align-items: center;
  column-gap: 30px
}
.header-left {
  display: flex;
  align-items: center;
  column-gap: 30px
}
.header-left .logo img {width: 220px;}
.header-left .distributor img {width: 180px;}



.nav-foil {
  display: flex;
  flex-flow: column nowrap;
  grid-row-gap: 20px;
  row-gap: 20px
}
.nav-foil-top {
  display: flex;
  align-items: center;
  column-gap: 30px;
	justify-content: flex-end;
}
.nav-foil-top .tag-line {
  color: var(--thm-red);
  font-size: 18px
}
.main-nav-foil {position:relative;align-self: center;z-index: 111;}

.main-nav-foil input,
.main-nav-foil label{display:none}

.main-nav {
  display: flex;
  align-items: center;
  column-gap: 25px;
	font-size: 16px;
}
.main-nav a {
  flex:1 1 auto;
	color: var(--thm-black);
  font-family: var(--thm-font-3);
	text-transform:uppercase;
}
.main-nav li {position: relative;display:flex;}

.main-nav li a {transition: .25s ease-in-out; padding: 10px 0; }

.main-nav > li:first-of-type a {
  border: 1px solid var(--thm-blue);
  padding: 7px 14px;
  border-radius: 4px
}
.main-nav > li:hover > a{color: var(--thm-blue);}
.main-nav > li.active > a{color: var(--thm-blue);}


.main-nav > li.dropdown > a::after{
	content:'\f107';
	font:var(--fa-font-solid);
	font-size: 12px;
	margin-left: 10px;
	display:inline-block;
	transition: all .3s ease-in-out;
}

.main-nav > li.dropdown:hover > a::after{
	rotate:180deg;
	transition:all .3s linear;
}

.main-nav li.dropdown ul {
	position: absolute;
	visibility: collapse;
	opacity: 0;
	top:44px;
	min-width: 300px;
	flex-direction: column;
	border-top:3px solid var(--thm-blue);
	box-shadow: 1px 1px 6px 1px rgba(var(--thm-grey-rgb),.3);
	background-color: var(--thm-white);
	transition:all .3s ease-in-out;
}

.main-nav li.dropdown ul li{transition:all .3s ease-in-out;height:0;display: none;font-size:14px;}

.main-nav > li.dropdown:hover ul{
	display:flex;
	visibility: visible;
	opacity: 1;
}
.main-nav > li.dropdown:hover ul li{height:auto;display:flex;}

.main-nav > li.dropdown.mw-180 ul{min-width:180px;}

.main-nav li.dropdown ul li a{
	display: block;
	padding: 10px 10px;
	font-family:var(--thm-font-1);
	transition:all .3s ease-in-out;
}
.main-nav li.dropdown ul li a::before{
	content:'\f101';
	font: var(--fa-font-solid);
	font-size: 12px;
	display:inline-block;
	opacity: 1;
	margin-right: 5px;
	transition: all 500ms linear;
	transition-delay: 0.1s;
}
.main-nav li.dropdown ul li a:hover{background-color:var(--thm-blue);color:var(--thm-white)}
.main-nav li.dropdown ul li a:hover::before{rotate: 360deg;opacity: 1;}

.main-nav li.dropdown ul li:not(:last-of-type) a{border-bottom:1px solid var(--thm-border);}

.main-nav li.dropdown ul li.sub{flex-direction: column;}
.main-nav li.dropdown ul li.sub span{padding: 5px; display: block; border-top: 1px solid rgba(var(--thm-grey-rgb),.3);color:var(--thm-blue)}
.main-nav li.dropdown ul li.sub span::before{
	content:'\f068';
	font:var(--fa-font-solid);
	margin-right: 5px;
}

/*------- Home Page ---------*/
.bg-home{
	background: var(--thm-white) url("../images/parallax-background/home-bg-02.webp") no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.main-slider{
	/*background-image: url(../images/slides/slide-002.jpg);*/
	display: flex;
	flex-direction: column;
}

.main-slider .slide{
	position: relative;
	display: flex;
	overflow: hidden;
	height: 600px;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.main-slider .slide .image-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 6000ms linear;
	-moz-transition: all 6000ms linear;
	-ms-transition: all 6000ms linear;
	-o-transition: all 6000ms linear;
	transition: all 6000ms linear;
	z-index: 1;
}

.main-slider .slide .image-layer { filter: grayscale(0);}

.main-slider .active .slide .image-layer {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.main-slider .slide .content{
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	grid-row-gap: 30px;
	row-gap:30px;
	justify-content: center;
}

.main-slider .slide .big-title {
	position: relative;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(-120px);
	transform: perspective(400px) rotateY(0deg) translateY(-120px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	z-index: 10;
}

.main-slider .active .slide .content .big-title {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.main-slider .slide .content .big-title h2 {
	color:var(--thm-white);
	/*font-size: 60px;*/
	line-height: 1.6em;
	/*font-weight: 800;*/
	text-transform: capitalize;
	font-family: var(--thm-font-3);
	font-size: 40px;
	letter-spacing: 1px;
	text-shadow: 4px 7px 0 rgba(var(--thm-black-rgb),.7);
}


.main-slider .slide .content .btns-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	line-height: 0;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
	transform: perspective(400px) rotateY(0deg) translateY(80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	z-index: 10;
}

.main-slider .active .slide .content .btns-box {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 2000ms;
	-moz-transition-delay: 2000ms;
	-ms-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
}

.main-slider .btns-box .btn{background-color: var(--thm-white);}

.main-slider.banner-carousel .owl-nav {display:none;}
.main-slider.banner-carousel .owl-dots {display:none;}

.service-intro-foil {color: var(--thm-white);}

.service-intro-foil h1, 
.service-intro-foil h2, 
.service-intro-foil h3, 
.service-intro-foil h4, 
.service-intro-foil h5, 
.service-intro-foil h6 {color: var(--thm-white)}

.card.service .text-foil{padding-top: 25px}

.inovation-foil {
	background: linear-gradient(to right, rgba(240,240,240,.85) 50%, rgba(255, 255, 255, .65) 50%), url("../images/parallax-background/home-bg-04.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
/*background-image: linear-gradient(to right, var(--thm-white) 58%, #f5f5f5 58%);*/
.inovation .fw-600 img{
	max-width: 400px;
	position: relative; top:10px; left: 10px;
}

.product-intro-foil .content h3{color:var(--thm-black); font-size: 52px}
.product-intro-foil .content h4{color:var(--thm-black); font-size: 42px}

.product-video-foil {
  background: var(--thm-black) url("../images/resources/video-bg-01.webp");
  color: var(--thm-white);
}

.product-video-foil .content {flex:0 1 50%;}
.product-video-foil h1, 
.product-video-foil h2, 
.product-video-foil h3, 
.product-video-foil h4, 
.product-video-foil h5,
.product-video-foil h6 {color: var(--thm-white)}

.product-video-foil .play-btn-bg img{width:550px;}


.callback {background-color: rgba(var(--thm-black-rgb),.95);}
.callback a{color:var(--thm-white)}
.callback .text{color:rgba(var(--thm-white-rgb),.8); line-height: 1.6em}


.features-foil {
  /*border:1px solid red;*/
  display: flex;
  flex-flow: column nowrap;
}

.features-content-foil {
  display: flex;
  justify-content: space-between;
	grid-gap: 40px;
	gap:40px;
}

.feature-box{
	position: relative;
	flex: 1 0 200px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background-color: var(--thm-blue);
	transition: all 500ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

.feature-box-bg{
	background-image: url("../images/resources/features-2.webp");
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	opacity: 0;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	z-index: -1;
}

.feature-box-bg::before{
	  content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1c1c27;
    opacity: 0.92;
}

.feature-box:hover .feature-box-bg{
	  opacity: 1;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

.feature-box .counter{
	position: relative;
	display:flex;
	align-items: center;
	justify-content: center;
	color:var(--thm-white);
	font-family: var(--thm-font-2);
	font-size: 20px;
	height: 75px;
	z-index: 2;
}

.feature-box .counter::before{
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	border-top: 75px solid rgba(28, 28, 39, 0.10);
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	z-index: -1;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
}

.feature-box:hover .counter::before{border-top-color: var(--thm-blue);}

.feature-box .content{
	flex: 1 1 auto;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px 20px;
}
.feature-box .content .static-content {
	position: relative;
	transition: all 500ms ease;
	transform: translateY(0%);
}

.feature-box:hover .content .static-content{
	opacity: 0;
  transform: translateY(-100px);
  transition-delay: 500ms;
}
.feature-box .content .overlay-content {
	position: absolute;
	left: 20px;
	bottom: 0;
	right: 20px;
	display:flex;
	flex-direction: column;
	align-items: center;
	opacity: 0;
	transform: translateY(100px);
	transition: all 500ms ease;
}

.feature-box:hover .content .overlay-content {
    opacity: 1;
    transform: translateY(-100%);
    transition-delay: 500ms;
}

.feature-box .content .icon{
	color: #ffffff;
	font-size: 50px;
	line-height: 50px;
}
.feature-box .content h3{
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}

.feature-box .content p { color: #afafbc; text-align: center; margin-top: 10px;}

.feature-box .footer{
    position: relative;
    height: 75px;
    z-index: 1;
}

.feature-box .footer::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 75px solid rgba(28, 28, 39, 0.10);
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    z-index: -1;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.feature-box:hover .footer::before{border-bottom-color: var(--thm-blue);}


.testimonial-foil .testimonial-box{
	/*border:1px solid red;*/
	flex: 0 1 560px;
	margin:20px;
	box-shadow: 0 0 12px 1px rgba(var(--thm-grey-rgb),.3);
}

.testimonial-foil .testimonial-box .avatar-bg{
	position: relative;
	flex:1 0 150px;
	display:flex;
	flex-direction: column;
	align-items: center;
	row-gap:15px;
	grid-row-gap:15px;
	background-image: linear-gradient(to bottom, #f5f5f5 40%, var(--thm-blue) 40%);
	padding: 30px;
	
}

.testimonial-foil .testimonial-box .avatar-img{
	background-color: var(--thm-white);
	border-radius: 50%;
	border:4px solid #E3E3E3;
}

.testimonial-foil .testimonial-box .avatar-bg .review-foil{color:#FFB833}

.testimonial-foil .testimonial-box .text-foil{
	padding:30px;
	display:flex;
	flex-direction: column;
	row-gap:10px;
	grid-row-gap:10px;
}

.testimonial-foil .testimonial-box .text-foil .icon span::before{    
	position: relative;
	display: inline-block;
	color: #e0e0e0;
	font-size: 60px;
	line-height: 50px;
}
.testimonial-foil .testimonial-box .text-foil .name h3{font-size: 20px;}
.testimonial-foil .testimonial-box .text-foil .name span{color: var(--thm-blue);}

.owl-carousel.owl-dot-style1 .owl-dots {
    position: relative;
    text-align: center;
    line-height: 0;
    margin-top: 20px !important;
    display: block;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: transparent;
    border: 2px solid #e0e0e0;
    margin: 0px 5px;
    padding: 0px;
    border-radius: 50%;
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active {
    border-color: var(--thm-blue);
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot span {}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active span {}



/*------- Cards ---------*/
.card .card-top{position:relative;}

.card .card-top img{width:100%;}

.card .text-foil{
	position: absolute;
	bottom:-50px;
	width: 230px;
	padding: 10px 15px;
	color:var(--thm-color);
	background-color: rgba(var(--thm-white-rgb),.9);
	transition:all .25s ease-in-out;
}

.card .text-foil .date{font-size:14px;font-family: var(--thm-font-3); color:var(--thm-blue)}

.card .title{
	font-size:20px;
	color:var(--thm-black);
}

.card .text{
	opacity: 0;
	visibility: hidden;
	margin-top: 10px;
	transition:all .25s ease-in-out;
	height: 0;
}

.card .text-foil:hover .text{
	opacity:1;
	visibility: visible;
	height: 100%
}

.card .card-bottom{padding:0 20px 15px}

.card .card-bottom .icon{
	font-size:42px;
	color:var(--thm-blue);
}

/*------- Bread Crumbs ---------*/

.bread-crumb-foil{
	/*border:1px solid red;*/
	height: 370px;
	display: flex;
}

.bread-crumb-bg{
	/*border:1px solid blue;*/
	flex:1 1 auto;
	display:flex;
	background-color: rgba(var(--thm-black-rgb),.4);
}
.bread-crumb-title{
/*	border:1px solid green; */
	display: flex;
	justify-content: center;
}

.bread-crumb-title h2{
	color: var(--thm-white);
	font-size:58px;
}

.bread-crumb-nav{
	position: absolute;
	left:0;
	bottom: 15px;
	font-family:var(--thm-font-2);
	color:var(--thm-blue);
}
.bread-crumb-nav a{
	color:var(--thm-white);
	transition: all .3s ease-in-out;
}

.bread-crumb-nav a:hover{color:var(--thm-blue);}

.bread-crumb-nav a::after{
	content:'\f054';
	font:var(--fa-font-solid);
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
	color:var(--thm-white);
}

/*------- About Page (Company)---------*/
.bg-about{
	background: var(--thm-white) url("../images/parallax-background/statements-area-bg-01.webp") no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.bread-crumb-foil.about{background-image: url(../images/breadcrumb/about-us-03.jpg);}

.about-intro-foil{
	position: relative;
  background-image: linear-gradient(to right, var(--thm-white) 58%, #f5f5f5 58%);
	padding-top: 80px;
	padding-bottom: 160px;
}
.about-intro-foil::before{
	position:absolute;
	content: "";
	top:90%;
	right:0;
	left:0;
	bottom:0;
	background-image: linear-gradient(to right, var(--thm-white) 50%, var(--thm-white) 50%);
}

.about-intro .content{flex:0 1 50%}
.about-intro .sidebar .image{
	position: absolute;
	border: 1px solid var(--thm-blue);
}

.about-intro .sidebar .header.row{position:relative;}
.about-intro .sidebar .header .ten{font-size:80px;color:var(--thm-blue); line-height: 1em; font-family:var(--thm-font-3)}
.about-intro .sidebar .header .plus{font-size:40px;color:var(--thm-blue); line-height: 1em;}
.about-intro .sidebar .header h6{ text-align: right;font-size:24px; font-family: var(--thm-font-3)}


.about-intro .sidebar .image.header{
	top:12px;
	left:12px;
}

.about-intro .sidebar .footer.row{position:relative;font-size: 160px; line-height: 1em; color:#e6e6e6;padding-left:30px;}
.about-intro .sidebar .image.footer{
	right:0;
	bottom:0;
}

.about-intro .sidebar .image img{max-width:340px;}

.about-intro .sidebar .image.header img,
.about-intro .sidebar .image.footer img{
	position: relative;
	top:-12px;
	left:-12px;
}

.about-mission-foil .image{flex:1 0 auto;}

.statements-foil{background-color: rgba(var(--thm-white-rgb),.95);}

.statements-carousel { position: relative;max-width: 600px;}

.statements-carousel .icon-box {
	color: var(--thm-blue);
  font-size: 50px;
	line-height: 1em;
}

.statements-carousel h3 {font-size: 20px;}

.statements-carousel ul li{display:flex; align-items: center;}
.statements-carousel ul li span::before {
    position: relative;
    display: inline-block;
    top: 0px;
    color: var(--thm-blue);
    font-size: 15px;
    transform: rotate(180deg);
    padding-left: 11px;
}


/*___ owl Nav Dot Style _____*/
.statements-carousel .owl-nav {
	position: relative;
	display: block;
	line-height: 0;
	z-index: 10;
	margin-top: 31px;
	margin-left: 73px;
}

.statements-carousel .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 0%;
    margin: 0 0 0 0px;
    padding: 0;
    transition: all 700ms ease 0s;
}

.statements-carousel .owl-nav [class*="owl-"]::before {
	content: "\f149";
	font-family: flaticon !important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: var(--thm-blue);
	font-size: 18px;
	line-height: 56px;
	font-weight: 600;
	text-align: center;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	border: 2px solid var(--thm-blue);
}

.statements-carousel .owl-nav [class*="owl-"]:hover:before { border-color: var(--thm-blue);}
.statements-carousel .owl-nav [class*="owl-"] span{display: none;}

.statements-carousel .owl-nav .owl-prev {
    transform: rotate(-270deg);
    margin-right: 10px;
}

.statements-carousel .owl-nav .owl-next {
    margin-left: 0px;
    transform: rotate(270deg);
}

.statements-carousel .owl-nav [class*="owl-"]:hover {
    background-color: var(--thm-blue);
}

.statements-carousel .owl-nav [class*="owl-"]:hover:before {
    color: #ffffff
}

.about-choose-box {
  position: relative;
	flex:1 0 300px;
	padding-top: 20px;
	padding-left: 20px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

.about-choose-box:hover {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.about-choose-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 20px;
    right: 20px;
    border: 1px solid var(--thm-blue);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.about-choose-box:hover::before {
    top: 20px;
    left: 20px;
    bottom: 0px;
    right: 0px;
}

.about-choose-box .inner {
	display: flex;
	flex-direction: column;
  background: #ffffff;
  padding: 40px 30px 32px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}

.about-choose-box .inner .icon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.about-choose-box .inner .icon span:before {
    color: transparent;
    font-size: 80px;
    line-height: 80px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(221 221 221 / 1.0);
    transition: all 300ms ease 100ms;
}

.about-choose-box:hover .inner .icon span:before {
    -webkit-text-stroke-color: rgba(var(--thm-blue-rgb), 1.0);
}


.about-choose-box .inner .counting-box {
    position: relative;
    display: block;
    width: 110px;
    height: 50px;
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
    font-family: var(--thm-font-2);
    z-index: 1;
}

.about-choose-box .inner .counting-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    right: 20px;
    background: var(--thm-blue);
    -moz-transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    -o-transform: skew(-40deg, 0deg);
    -ms-transform: skew(-40deg, 0deg);
    transform: skew(-40deg, 0deg);
    transition: all 900ms ease 100ms;
    z-index: -1;
}

.about-choose-box:hover .inner .counting-box::after {
    -moz-transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    -o-transform: skew(40deg, 0deg);
    -ms-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg);
}

.about-choose-box .inner h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 10px
}

/*------- Services Page---------*/
.bread-crumb-foil.services{	background-image: url(../images/breadcrumb/service-01.webp);}

.sidebar-contact-info-box {
    position: relative;
    display: block;
    background: #f5f5f5;
    border: 10px solid #ffffff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    margin-top: 50px;
}

.sidebar-contact-info-box .img-box {
    position: relative;
    display: block;
    border-bottom: 10px solid #ffffff;
}

.sidebar-contact-info-box .img-box img {
    width: 100%;
}

.sidebar-contact-info-box .img-box .inner {
    position: relative;
    display: block;
    overflow: hidden;
}

.sidebar-contact-info-box .img-box .overlay-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 205px;
    padding-top: 23px;
    padding-left: 30px;
    overflow: hidden;
    z-index: 1;
}

.sidebar-contact-info-box .img-box .overlay-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.92;
    background: var(--thm-blue);
    clip-path: polygon(0 0, 100% 0, 35% 100%, 0 50%);
    z-index: -1;
}

.sidebar-contact-info-box .img-box .overlay-title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 94px;
    opacity: 0.92;
    border-right: 20px solid #ffffff;
    -moz-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    -o-transform: skew(-45deg, 0deg);
    -ms-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    z-index: -1;
}

.sidebar-contact-info-box .img-box .overlay-title .border-left-box {
    position: absolute;
    top: 0;
    left: -1px;
    bottom: 0px;
    right: 0;
    opacity: 1;
    border-left: 20px solid #ffffff;
    -moz-transform: skew(45deg, 0deg);
    -webkit-transform: skew(45deg, 0deg);
    -o-transform: skew(45deg, 0deg);
    -ms-transform: skew(45deg, 0deg);
    transform: skew(45deg, 0deg);
    z-index: -1;
}

.sidebar-contact-info-box .img-box .overlay-title h3 {
    color: #ffffff;
    font-size: 26px;
    line-height: 34px;
    font-weight: 600;
}

.sidebar-contact-info-box .round-box {
    position: absolute;
    top: 123px;
    left: 70px;
    width: 100px;
    height: 100px;
    background: var(--thm-blue);
    border: 5px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 3;
}

.sidebar-contact-info-box .round-box h6 {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.sidebar-contact-info-box .round-box h6 span {
    font-weight: 400;
}

.sidebar-contact-info-box .text-box {
  position: relative;
  display: flex;
	flex-direction: column;
	grid-row-gap: 5px;
	row-gap:5px;
	background: #f5f5f5;
	text-align: center;
	padding: 40px 20px;
}

.sidebar-contact-info-box .text-box .sec-title {
    padding-bottom: 22px;
}

.sidebar-contact-info-box .text-box .sec-title.center .sub-title {
    padding: 0;
}

.sidebar-contact-info-box .text-box h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 5px;
}

.sidebar-contact-info-box .text-box p {margin: 0;}


/*------- Products Page---------*/
.product-card{
	box-shadow: 0 0 12px 4px rgba(var(--thm-grey-rgb),.2); 
	flex:0 0 370px; 
	border:3px solid rgba(var(--thm-grey-rgb),.2); 
	border-top-left-radius: 12px; 
	border-top-right-radius: 12px; 
	border-bottom-right-radius: 12px;
	transition: all .3s ease-in-out;
}

.product-card.active{
	border-color:var(--thm-red);
	box-shadow: 0 0 18px 6px rgba(var(--thm-red-rgb),.2); 	
}
.product-card:hover{
	border-color:var(--thm-blue);
	box-shadow: 0 0 18px 6px rgba(var(--thm-blue-rgb),.2); 
}

.ordered-list{
	list-style:disc;

}
.ordered-list li{padding-top: 10px;}
.ordered-list strong{color:var(--thm-black); font-size: 18px}
/*------- Product Page---------*/
.bread-crumb-foil.product{background-image: url("../images/breadcrumb/product-01.webp");}

.product-review{
	display:flex;
	column-gap: 30px;
	padding:30px;
	background-color:rgba(var(--thm-grey-rgb),.1);
}
.product-review .image img{
	border:3px solid var(--thm-border);
	border-radius:50%;
	width:80px;
}

.product-review .content {
	display:flex;
	flex-direction: column;
	row-gap:10px;
}

.product-review .content .stars{color:var(--thm-blue);}
.product-review .content h4{font-size:18px;}


/*------- Distributors Page (Company)---------*/

.bread-crumb-foil.distributor{background-image: url(../images/breadcrumb/distributor-01.jpg);}

.distributor__foil .card{
	border:2px solid rgba(var(--thm-grey-rgb),.5);
	box-shadow: 0px 0px 12px 2px rgba(var(--thm-grey-rgb),.3); 
	border-radius: 6px;
	transition: all .25s ease-in-out;
}
.distributor__foil .card:hover{
	cursor: pointer;
	border-color:rgba(var(--thm-blue-rgb),.8);
	box-shadow: 0px 0px 12px 2px rgba(var(--thm-blue-rgb),.5); 
}

/*------- Become Partner Page (Company)---------*/

.bread-crumb-foil.partner{background-image: url(../images/breadcrumb/partner-02.jpg);}

/*------- FAQ's Page---------*/
.bread-crumb-foil.faq{
	background-image: url("../images/breadcrumb/faq-01.webp");
}

.accordion-foil{
	/*border:1px solid red;*/
	display: flex;
	flex-direction: column;
	row-gap:20px;
	grid-row-gap: 20px;
}

.accordion-item{
	background-color:#fefefe;
	box-shadow: 0 0 40px 0 rgba(var(--thm-grey-rgb),.2);
}

.acc-btn{
	display:flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 30px;
	padding: 20px;
	cursor: pointer;
	transition:all .25s ease-in-out;
}

.acc-btn h3{font-size:18px;}
.acc-btn h3 span{color:var(--thm-blue);margin-right: 20px;}

.acc-btn .icon{
	border:1px solid var(--thm-border);
	border-radius: 50%;
	padding: 4px 10px;
}
.acc-btn .icon::before{
	content:'\f053';
	font:var(--fa-font-solid);
	display: inline-block;
	transition: all .3s linear;
}

.acc-btn.active{background-color:var(--thm-black);}

.acc-btn.active h3{color:var(--thm-white);}

.acc-btn.active .icon{
	border-color:var(--thm-blue);
	background-color: var(--thm-blue);
	color: var(--thm-white);
}
.acc-btn.active .icon::before{rotate:-270deg}

.acc-content{padding:20px;display: none;}
.acc-content.active{display:flex}

.faq-sidebar{flex:0 0 360px;}

.faq-form-foil{
	padding:30px;
	background-color:rgba(var(--thm-grey-rgb),.1);
	display:flex;
	flex-direction: column;
	row-gap:20px;
	grid-row-gap: 20px;
}

.faq-form-foil h3{font-size:22px;}

.faq-form-foil form{
	display:flex;	
	flex-direction: column;	
	align-items: stretch;
	row-gap:20px;
	grid-row-gap: 20px;
}
.faq-form-foil input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]),
.faq-form-foil textarea{width:auto;padding:20px}
.faq-form-foil textarea{resize: vertical;}

/*------- Media Video Page---------*/
.bread-crumb-foil.media-video{background-image: url("../images/breadcrumb/media-video.webp");}

.video-foil h2{font-size: 24px;}
.video {flex:1 0 700px;}

.video-text .date{background-color:rgba(var(--thm-blue-rgb),.8);padding: 4px 8px; color:var(--thm-white);align-self: flex-start}
.video-text .group{padding: 4px 8px;}
.video-text .group i{color:var(--thm-blue);}

/*------- Media Page---------*/
.bread-crumb-foil.media{background-image: url("../images/breadcrumb/media.webp");}


/*------- Blogs/Single Blog Page---------*/
.bread-crumb-foil.blogs{
	background-image: url(../images/breadcrumb/blog-01.webp);
}

.blog-card{flex:0 1 375px;}
.blog-card img{width: 100%}

.blog-card h2,
.blog-card h3{font-size: 22px;}
.blog-card h2 a,
.blog-card h3 a{color:var(--thm-black);transition: all .3s ease-in-out;}
.blog-card h2 a:hover,
.blog-card h3 a:hover{color:var(--thm-blue)}

.blog-card .img-box{position: relative}

.blog-card .img-overlay{
	position: absolute; 
	bottom:10px; 
	left:10px; 
	right:10px; 
	display: flex; 
	justify-content: space-between;
	align-items: center;
}

.blog-card .img-overlay .archive{
	padding:6px 12px;
	background-color: rgba(var(--thm-black-rgb),.9);
	color:var(--thm-white);
	font-family: var(--thm-font-2);
	font-size:14px;
}
.blog-card .img-overlay .archive::before{
	content:'\f07c';
	font:var(--fa-font-solid);
	margin-right: 10px;
	color:var(--thm-blue);
}

.blog-card .img-overlay .date{
	padding:6px 12px;
	background-color: rgba(var(--thm-blue-rgb),.9);
	color:var(--thm-white);
	font-family: var(--thm-font-2);
	font-size:14px;
}

.blog-single-foil .blog-title{font-size:38px;}

.blog-card .content{padding:30px;}

.blog-card .content .top-text{
	margin-bottom: 40px;

}
.blog-card .content .wrap{
	background-color:var(--thm-blue);
	color:var(--thm-white);
	font-size:52px;
	line-height: 1.1em;
	padding-left:6px;
	padding-right: 6px;
	margin-right: 15px;
	float:left;
}

.blog-card .blog-text h3{margin-bottom:5px;}
.blog-card .blog-text p:not(:last-of-type){margin-bottom:40px;}

.blog-card-footer {border-top:1px solid var(--thm-border)}
.blog-card-footer h4{font-size:18px;color:var(--thm-blue)}

.blog-single-foil .search-box input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]){
	width:auto;
	border-radius:0;
	border:none;
	flex:1 1 auto;
}
.blog-single-foil .search-box button{
	padding: 4px 10px;
	border-radius:0;
	background-color:var(--thm-blue);
	color:var(--thm-white);
	
}

.blog-single-foil .news-letter input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]){
	width:auto;
	border-radius:0;
	border-color:var(--thm-border);
	padding: 12px;
}

.blog-single-foil .blog .bb{border-bottom: 1px solid var(--thm-border);}
.blog-single-foil .blog .group{padding:2px 6px;}

.blog-card-comment-form{box-shadow: 0 0 18px 0 rgba(var(--thm-grey-rgb),.2)}

.blog-card-comment-form textarea{
	resize:vertical;
	min-height: 160px;
}

.blog-list li:not(:last-of-type){border-bottom: 1px solid var(--thm-border);}
.blog-list li.pb-20:last-of-type{padding-bottom: 0;}

/*------- Contact Page---------*/
.bread-crumb-foil.contact{
	background-image: url("../images/breadcrumb/contactus-02.webp");
}

.contact-cards-foil .card{box-shadow: 0 0 12px 1px #e7e7e7; position: relative; padding:80px 30px 30px}
.contact-cards-foil .card .icon-foil{font-size:28px; align-items: flex-start; position: absolute; top:-14px; left:30px;}
.contact-cards-foil .card .icon{background-color: var(--thm-blue); color:var(--thm-white); padding:18px 16px; z-index: 111}
.contact-cards-foil .card .shadow{margin-left: -6px; margin-top: -7px; z-index: 110}
.contact-cards-foil .card .shadow i{--fa-rotate-angle: 45deg;}

.contact-main-foil .contact-form{box-shadow: 0 0 24px 1px #e7e7e7;border-radius: 2px;}
.contact-main-foil .contact-form textarea{resize:vertical}

/*------- Page Footer---------*/
.footer-callme-foil {
  background-color: #232331;
  padding: 40px 0;
  border-bottom: 1px solid #333347;
}
.footer-callme {
  display: flex;
  justify-content: space-between;
  align-items: center;
	color: rgba(var(--thm-white-rgb),.6);
}
.footer-callme .logo img {width: 260px;}
.footer-callme .text h4{color:var(--thm-white)}

.footer-main {color:rgba(var(--thm-white-rgb),.6);}

.footer-main .tag{color:var(--thm-white);text-transform: uppercase;}

.footer-main .title{color:var(--thm-white);}
.footer-main .title::after{
	content: '';
	display:block;
	margin-top: 15px;
	width:50px;
	border-bottom: 2px solid var(--thm-blue);
}

.footer-main .blog li:not(:last-of-type){border-bottom: 1px solid rgba(var(--thm-white-rgb),.1);}
.footer-main .blog li.pb-20:last-of-type{padding-bottom: 0;}
.blog .blog-title{color:var(--thm-white)}
.blog .date{background-color:rgba(var(--thm-blue-rgb),.8);padding: 4px 8px; color:var(--thm-white); align-self: flex-start}
.blog .group{background-color:rgba(var(--thm-black-rgb),.8);color:var(--thm-white);}
.blog .group i{color:var(--thm-blue)}

/*------- Useful Links ---------*/
.useful-links .links{
	display:flex;
	flex-flow: column nowrap;
	grid-row-gap: 20px;
	row-gap: 20px;
}

.useful-links .links a{
	color:rgba(var(--thm-white-rgb),.7);
	align-self: flex-start;
	transition: all .25s ease-in-out;
}

.useful-links .links a::before{
	content: '\f0c1';
	font: var(--fa-font-solid);
	font-size:12px;
	margin-right: 5px;
}
.useful-links .links a::after{
	content:'\f054';
	font: var(--fa-font-solid);
	font-size: 14px;
	display:inline-block;
	opacity: 0;
	margin-left: 15px;
	transition: all 250ms linear;
	transition-delay: 0.1s;
}

.useful-links .links a:hover{color:var(--thm-blue)}
.useful-links .links a:hover::after{rotate: 180deg;opacity: 1;}

.social .links{display:flex;column-gap: 5px; margin-top: 10px}
.social .links a{
	background-color: #2d2d3f;
	padding: 10px 12px;
	color:var(--thm-white);
	transition: all .25s ease-in-out;
}
.social .links a:hover{background-color:var(--thm-blue);}

.footer-copyright-foil {
  background-color: #232331;
  padding: 20px 0;
  border-top: 1px solid #333347;
	color:rgba(var(--thm-white-rgb),.6);
}
.footer-copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-copyright .links a{color:rgba(var(--thm-white-rgb),.7);transition:all .25s ease-in-out;}
.footer-copyright .links a:not(:last-of-type)::after{content:'|'; margin-left: 10px; margin-right: 10px;color:var(--thm-white);}
.footer-copyright .links a:hover{color:var(--thm-blue);}
/*------- Section Title ---------*/

.section-title .text{
	font-family: var(--thm-font-2);
	font-size: 18px;
	color: var(--thm-white);
}
.section-title .text::before,
.section-title .text::after{
	content: '';
	width: 24px;
	display: inline-block;
	vertical-align: middle;
	border-bottom:2px solid;
	margin-right: 10px
}


.section-title .text::after{margin-right:0; margin-left: 10px;}
.section-title.blue .text{color:var(--thm-blue)}
.section-title.black .text{color:var(--thm-black)}
.section-title.left .text::after{display:none;}

/*------- Backgrounds ---------*/

.bg-white{background-color:var(--thm-white)}
.bg-blue{background-color:var(--thm-blue);}
.bg-black{background-color:var(--thm-black);}

.bg-pattern-01 {
  position: relative;
  background-image: linear-gradient(to bottom, var(--thm-white) 50%, var(--thm-black) 50%);
}

.bg-pattern-01::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../images/pattern/thm-pattern-4.png');
}

.bg-pattern-02{
	background: var(--thm-black) url("../images/pattern/thm-pattern-1.png") repeat;
}

.bg-pattern-03{
	background: var(--thm-white) url("../images/pattern/thm-pattern-1.png") repeat;
}
/*------- Modal ---------*/
.modal {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  left: calc(50% - 15rem);
  padding: 0;
  position: fixed;
  top: 20vh;
  width: 30rem;
  z-index: 888;
  visibility: hidden;
  opacity: 0
}
.modal.show {
  visibility: visible;
  opacity: 1
}
.modal .input-foil {
  margin-top: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.modal-backdrop {
  background-color: rgba(0, 0, 0, .55);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0
}
.modal.show, .modal-backdrop.show {
  visibility: visible;
  opacity: 1
}
/*------- Spinner ---------*/
.spinner-foil {
  position: absolute;
  top: 40%;
  right: 45%;
  display: flex;
  text-align: center;
}
.spinner {
  border: 1px solid #efefef;
  border-radius: 4px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  background-color: rgba(var(--thm-dark-bg-rgb), 0.70);
  color: var(--thm-white);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
}
.spinner span {
  font-size: 18px;
}
.spinner.show {
  opacity: 1;
  visibility: visible;
}
/* --------------- Toggle Slider -----------*/
.toggle-card {
  display: inline;
  vertical-align: middle;
}
.switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 17px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a5a5a5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #00972d;
}
input:focus + .slider {
  box-shadow: 0 0 1px #00972d;
}
input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 14px;
}
.slider.round:before {
  border-radius: 50%;
}
/*------- Common Classes ---------*/
.center {text-align: center;}
.right {text-align: right;}

.border{border:1px solid var(--thm-border);}
.border-top{border-top:1px solid var(--thm-border);}

.m {margin: 30px;}
.m-10 {margin: 10px}
.m-20 {margin: 20px}
.m-40 {margin: 40px}

.mt {margin-top: 30px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-60{margin-top:60px;}
.mb {margin-bottom: 30px}
.mb-10 {margin-bottom: 10px}
.mb-20 {margin-bottom: 20px}
.mb-40 {margin-bottom: 40px}
.mb-60 {margin-bottom: 60px}
.mb-80 {margin-bottom: 80px}

.mtb {margin-top: 30px;margin-bottom: 30px;}
.mtb-10 {margin-top: 10px;margin-bottom: 10px;}
.mtb-20 {margin-top: 20px;margin-bottom: 20px;}
.mtb-40 {margin-top: 40px;margin-bottom: 40px;}
.mtb-60 {margin-top: 60px;margin-bottom: 60px;}

.ml {margin-left: 30px}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}

.mr {margin-right: 30px;}
.mr-5 {margin-right: 5px}
.mr-10 {margin-right: 10px}
.mr-20 {margin-right: 20px}

.mlr {margin-left: 30px;margin-right: 30px}
.mlr-10 {margin-left: 10px;margin-right: 10px;}
.mlr-20 {margin-left: 20px;margin-right: 20px;}

.p {padding: 30px}
.p-10 {padding: 10px}
.p-20 {padding: 20px}
.p-30{padding:30px}
.p-40{padding:40px}
.p-60{padding:60px}
.p-80{padding:80px}

.pb {padding-bottom: 30px}
.pb-10 {padding-bottom: 10px}
.pb-15 {padding-bottom: 15px}
.pb-20 {padding-bottom: 20px}
.pb-100 {padding-bottom: 100px}

.ptb {padding-top: 30px; padding-bottom: 30px}
.ptb-10 {padding-top: 10px;padding-bottom: 10px}
.ptb-20 {padding-top: 20px; padding-bottom: 20px}
.ptb-40 {padding-top: 40px; padding-bottom: 40px}
.ptb-60 {padding-top: 60px; padding-bottom: 60px}
.ptb-80 {padding-top: 80px; padding-bottom: 80px}
.ptb-100 {padding-top: 100px; padding-bottom: 100px}

.plr {padding-left: 30px;padding-right: 30px}
.plr-20 {padding-left: 20px;padding-right: 20px}
.plr-30 {padding-left: 30px; padding-right: 30px}
.plr-40 {padding-left: 40px; padding-right: 40px}
.plr-60 {padding-left: 60px; padding-right: 60px}

.btn {
  border: 2px solid var(--thm-blue);
  color: var(--thm-blue);
  padding: 15px 25px;
  border-radius: 0;
  font-family: var(--thm-font-3);
  font-size: 14px;
	line-height: 20px;
  text-transform: uppercase;
  background-size: 100% 200%;
  background-image: linear-gradient(to bottom, transparent 50%, var(--thm-black) 50%);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.btn.white {
  border: 2px solid var(--thm-white);
  color: var(--thm-black);
  background-image: linear-gradient(to bottom, var(--thm-white) 50%, var(--thm-black) 50%);
}
.btn.blue {
  border: 2px solid var(--thm-blue);
  color: var(--thm-white);
  background-image: linear-gradient(to bottom, var(--thm-blue) 50%, var(--thm-black) 50%);
}

.btn.black {
  border: 2px solid var(--thm-black);
  color: var(--thm-white);
  background-image: linear-gradient(to bottom, var(--thm-black) 50%, var(--thm-blue) 50%);
}
.btn.hb {
  border: 2px solid var(--thm-white);
  color: var(--thm-black);
  background-image: linear-gradient(to bottom, var(--thm-white) 50%, var(--thm-blue) 50%);
}
.btn.hw{
  border: 2px solid var(--thm-blue);
  color: var(--thm-white);
  background-image: linear-gradient(to bottom, var(--thm-blue) 50%, var(--thm-white) 50%);	
}

.btn.nb {
  font-family: var(--thm-font-1);
  font-size: 16px;
  padding: 14px 25px;
	border:none;
}

.btn:hover {
  background-position: 0 100%;
  border-color: var(--thm-black);
  color: var(--thm-white);
}

.btn.black:hover,
.btn.hb:hover {
  border-color: var(--thm-blue)
}
.btn.hw:hover {
	color:var(--thm-blue);
  border-color: var(--thm-white);
}

.btn-custom {
  color: var(--thm-white);
  background-color: var(--thm-blue);
  padding: 12px 24px;
  font-family: var(--thm-font-2);
  border: 2px solid var(--thm-blue);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  transition: all .25s ease-in-out;
}
.btn-custom:hover {
  background-color: var(--thm-white);
  color: var(--thm-blue);
}

.btn-alt{
	color:var(--thm-white);
	font-family: var(--thm-font-3);
	font-size:14px;
	text-transform: uppercase;
	transition:all .25s ease-in-out;
}

.btn-alt.blue{color:var(--thm-blue)}
.btn-alt::before{
	content:'\f054';
	font:var(--fa-font-solid);
	font-size: 14px;
	display: inline-block;
	margin-right:10px;
	rotate:-45deg;
	transition: all .1s linear;
}

.btn-alt:hover{color:var(--thm-blue);}
.btn-alt:hover::before{rotate:0deg;}

.dl-link{
	position: relative;
	display:flex;
	justify-content: space-between;
	column-gap: 10px;
	align-items: center;
	padding: 15px;
	padding-left:10px; 
	background-color: var(--thm-black);
	color: var(--thm-white);
}

.dl-link .icon::before{
	content:'\f1c1';
	font: var(--fa-font-solid);
	font-size:24px;
	background-color: var(--thm-blue);
	padding:12px 10px;
	display:block;
	position: absolute;
	top:-10px
}

.dl-link .link-foil{
	flex: 1 1 auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-left:50px
}
.dl-link .link-foil p{color:var(--thm-grey)}
.dl-link .link-foil a{
	display:block; 
	padding:8px 10px; 
	background-color: var(--thm-blue); 
	color:var(--thm-white);
	transition:all .3s ease-in-out;
}
.dl-link .link-foil a:hover{background-color: var(--thm-white); color:var(--thm-blue)}