@charset "utf-8";
body {
    font-family: 'DMSans-Regular';
    font-size: 14px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 0px solid red;
	background-color: #000;
}
@font-face {
    font-family: "DMSans-Medium";
    src: url("../fonts/DMSans-Medium.ttf")
}
@font-face {
    font-family: "DMSans-Regular";
    src: url("../fonts/DMSans-Regular.ttf")
}
@font-face {
    font-family: "DMSans-SemiBold";
    src: url("../fonts/DMSans-SemiBold.ttf")
}
img, object {
    max-width: 100%;
    min-height: 100%;
}
a {
    outline: 0 !important
}
a {
    color: #fff !important;
    text-decoration: none !important;
    transition: all 0.4s linear;
}
a:hover {
    color: #fff !important;
    text-decoration: none !important;
}
.border {
    border: 0px solid red !important;
}
.clr {
    clear: both;
}
.none {
    display: none;
}
.block {
    display: block;
}
h1 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 56px !important;
    color: #000000 !important;
    font-family: "DMSans-Medium" !important;
}
h2 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 56px !important;
    color: #000000 !important;
    font-family: "DMSans-Medium" !important;
}
h3 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 24px !important;
    color: #000000 !important;
    font-family: "DMSans-Medium" !important;
}
h4 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 22px !important;
    color: #000000 !important;
    font-family: "DMSans-Medium" !important;
}
h5 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 18px !important;
    color: #fff !important;
    font-family: "DMSans-SemiBold" !important;
}
h6 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 14px !important;
    color: #fff !important;
    font-family: "DMSans-SemiBold" !important
}
p {
    font-size: 16px !important;
    line-height: 27.5px;
    color: #000;
    font-family: 'DMSans-Regular' !important;
}
.middle {
    margin: auto;
    width: 1300px;
    border: 0px solid red;
}
.header {
    margin: auto;
    padding: 10px 4px 10px 4px;
    position: fixed;
    top: 0;
    border: 0px solid red;
    width: 100%;
    height: auto;
    left: 0;
	z-index: 999;
    display: inline-block;
	background-color: #000;
	border-bottom: 1px solid #3D3C3C;
/*    backdrop-filter: blur(30px) brightness(124%);
    background-color: rgba(255,255,255,.5)*/
}
.top-header {
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 0px 5px;
    width: 69%;
    height: auto;
    float: right;
    background: #FFF112;
    border: 0px solid red;
}
.top-header1 {
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    width: 31%;
    height: 22px;
    float: left;
    border: 0px solid red;
}
.logo {
    margin-top: 0px;
}
.th-middle {
    margin: 0px 0px 0px 6px;
    padding: 0px 0px 0px 0px;
    width: 989px;
    display: inline-block;
    border: 0px solid red;
}
.social-media1 a {
    margin: 0px 20px 0px 0px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 16px;
    display: inline-block;
    border: 0px solid red;
    transition: all 0.4s linear;
}
.social-media1 :hover {
    color: #FFF112;
    text-decoration: none;
}
.phone a {
    margin: 0px 0px 0px 0px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    display: inline-block;
    border: 0px solid red;
    transition: all 0.4s linear;
    top: 2px;
    position: relative;
    left: 6px;
}
.phone-icon {
    margin: 1px 0px 0px 0px;
    display: inline-block;
}
#list1 {
}
/*#list1 ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    display: inline;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    float: left;
    border: #FF0000 0px solid;
}*/
#list1 ul {
    list-style: none;
    margin: 5px 0px 0px 0px;
    display: inline;
    padding: 0px 0px 0px 0px;
    width: 75%;
    height: auto;
    float: right;
    border: #FF0000 0px solid;
}
#list1 ul li {
    display: inline;
    text-transform: capitalize;
    float: left;
    width: auto;
    border: #000000 0px solid;
}
#list1 ul li a {
    margin: 8px 0px 0px 0px;
    padding: 0px 12px 0px 12px;
    font-family: 'DMSans-Regular';
    font-size: 18px;
	font-weight: 500;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: inline-block;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	transition: all 0.4s linear;
	background-color: transparent;
		border-radius: 25px;
}
#active a,#list1 ul li a:hover {
    text-decoration: none;
	/*background-color: #FFF112 !important;*/
	color: #FFF112 !important;
	border-radius: 25px;
}

.pd-box {
    margin: 80px 0px 0px 0px;
	padding: 0px 15px 15px 15px;
	width: 100%;
    height: auto;
    display: inline-block;
	border-radius: 25px;
    border: 1px solid #FFEB68;
  }

.pd-box:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.pd-img {
    margin: -90px 0px 0px -15px;
	padding: 0px 0px 0px 0px;
	width: 200px;
    height: 200px;
    display: inline-block;
    border: 0px solid red;
  }


.pd-box1 {
    margin: 20px 0px 0px 0px;
	padding: 20px 15px 15px 15px;
	width: 100%;
    height: auto;
    display: inline-block;
	border-radius: 12px;
    border: 1px solid #FFEB68;
  }

.pd-box1:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pd-img1 {
    margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
    height: auto;
    display: inline-block;
    border: 0px solid red;
  }

.lm-btn a{
    margin: 0px 0px 15px 0px;
	padding: 10px 35px 10px 35px;
	width: auto;
    height: auto;
    display: inline-block;
	border-radius: 25px;
	font-size: 14px;
	color: #161616 !important;
	background-color: #FFEB68;
	text-align: center;
	text-decoration: none;
	transition: all 0.4s linear;
    border: 0px solid #FFEB68;
  }

.lm-btn :hover{
	color: #000 !important;
	background-color: #E6E6E6;
	text-decoration: none;
  }

.ft-bg{
  padding: 60px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px;
  width: 100%;
  height: auto;
  background-image: url("../images/ft-bg.png");
background-repeat: round;
  background-position: center;
  object-fit: cover;
  background-size: cover;	
}

.ft-col1{
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  width: 257px;
  height: auto;
  display: inline-block;
  border: 0px solid red;	
}

.ft-col3{
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  width: 257px;
  height: auto;
  display: inline-block;
  border: 0px solid red;	
}

.ft-col2{
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  width: 506px;
  height: auto;
  display: inline-block;
  border: 0px solid red;	
}
.ft-heading {
    margin: 0px 0px 20px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 18px !important;
    color: #fff !important;
    font-family: "DMSans-SemiBold" !important;
	display: inline-flex;
}
.ft-col4{
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  width: 257px;
  height: auto;
  display: inline-block;
  border: 0px solid red;	
}
.ft-spacer {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 18px !important;
    color: #fff !important;
    font-family: "DMSans-SemiBold" !important;
	display: inline-flex;
}

#list4 {
}
#list4 ul {
	list-style:none;
	margin:0px 0px 0px 0px;
}
#list4 ul li a {
	margin:0px 0px 0px -40px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	font-family: 'DMSans-Regular';
	font-size:14px;
	color:#fff;
	text-decoration:none;
	float:left;
	transition: all 0.4s linear;
	line-height: 30px !important;
	border:0px solid red;
}
#list4 ul li :hover {
	text-decoration:none;
	color:#FFF112 !important;
}

.ft-address {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	font-family: 'DMSans-Regular';
	font-size:14px;
	color:#fff;
	text-decoration:none;
	transition: all 0.4s linear;
	line-height: 25px !important;
	float: left;
	border:0px solid red;
}

.ft-line {
  margin: 0px 15px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 1%;
  height: 92px;
  float: left;
  border-left: 1px solid #424242;
  text-align: center;
}

.ft-copy {
  margin: 20px 0px 0px 0px;
  padding: 15px 0px 10px 0px;
  background-color: #FDE021;
  font-size: 12px;
  font-family: 'DMSans-Regular';
  color: #808080;
  text-align: center;
}

.about-banner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 329px;
background-image: url("../images/about-us.png");
object-fit: cover;
background-size: cover;
background-position: 84% 0;
border: 0px solid red;
}

.content {
  color: #f1f1f1;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 175px 0px 0px 0px;
  border: 0px solid red;
}

.content1 {
  color: #f1f1f1;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 145px 0px 0px 0px;
  border: 0px solid red;
}

.quality-banner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 329px;
background-image: url("../images/quality.png");
object-fit: cover;
background-size: cover;
background-position: 84% 0;
border: 0px solid red;
}

.certifications-banner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 329px;
background-image: url("../images/certifications-bg.png");
object-fit: cover;
background-size: cover;
background-position: 84% 0;
border: 0px solid red;
}
.projects-banner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 329px;
background-image: url("../images/our-projects-bg.png");
object-fit: cover;
background-size: cover;
background-position: 84% 0;
border: 0px solid red;
}

.contact-banner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 329px;
background-image: url("../images/contact-bg.png");
object-fit: cover;
background-size: cover;
background-position: 84% 0;
border: 0px solid red;
}

.product-banner{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 329px;
background-image: url("../images/product-bg.png");
object-fit: cover;
background-size: cover;
background-position: 84% 0;
border: 0px solid red;
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  padding: 25px 15px 25px 15px;
  background-color: #2C3030;
  color: white;
  transform: rotateY(180deg);
}

.cc-heading {
    margin: 0px 0px 20px 0px !important;
    padding: 50px 0px 0px 0px !important;
    font-size: 35px !important;
    color: #fff !important;
    font-family: "DMSans-SemiBold" !important;
	display: inline-flex;
}

.cc-text {
    margin: 0px 0px 20px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 22px !important;
    color: #fff !important;
	line-height: 25px !important;
    font-family: 'DMSans-Regular' !important;
	display: inline-flex;
}

.op-image {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	display: inline-block;
	border-radius: 25px 25px 0px 0px;
}

.op-round{
border-radius: 25px 25px 0px 0px;
}

.op-text {
    margin: 0px 0px 0px 0px;
    padding: 15px 2px 15px 2px;
	width: 100%;
	height: auto;
	display: inline-block;
	font-family: "DMSans-SemiBold" !important;
	font-size: 13.5px;
	text-align: center;
	border-radius: 0px 0px 25px 25px;
	background: #EBEAE4;
}

.cu-box {
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
	width: 100%;
	height: auto;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	font-size: 15.2px;
	line-height: 28px !important;
	border-radius: 10px;
	border: 1px solid #FFF112;
}

.cu-h4 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 18px !important;
    color: #000000 !important;
	line-height: 25px !important;
    font-family: "DMSans-Medium" !important;
}

.cu-mapbox {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	display: inline-block;
	border-radius: 10px;
	border: 1px solid #FFF112;
}

.cu-formbox {
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
	width: 100%;
	height: auto;
	display: inline-block;
	border-radius: 10px;
	border: 1px solid #FFF112
}

.input-foam {
  margin: 0px 0px 25px 0px;
  padding: 10px 15px 10px 15px;
  width: 100%;
  height: 55px;
  border-radius: 10px;
background: #111111e6;
  font-family: 'DMSans-Regular' !important;
  font-size: 16px;
  color: #fff;
  outline: 0;
  border: 1px solid #393838;
}

.inputtext-foam {
  margin: 0px 0px 25px 0px;
  padding: 10px 15px 10px 15px;
  width: 100%;
  height: 250px;
  border-radius: 15px;
background: #111111e6;
  font-family: 'DMSans-Regular' !important;
  font-size: 16px;
  color: #fff;
  outline: 0;
  border: 1px solid #393838;
}

lable{
 margin: 0px 0px 5px 0px;
 padding: 0px 0px 0px 15px;
 font-family: 'DMSans-Regular' !important;
 font-size: 16px;
 color: #fff;
 display: inline-block;
}

.btn-submit {
    margin: 0px 0px 0px 0px;
    padding: 20px 45px 20px 45px;
    color: #fff !important;
    font-size: 22px;
    text-align: center;
    background-color: #2C2F30;
    font-family: "DMSans-Medium" !important;
    text-decoration: none;
    display: inline-block;
    border-radius: 25px;
    border: 0px solid red;
    line-height: 21px;
    z-index: 666;
    text-transform: capitalize;
    transition: all 0.4s linear;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.btn-submit:hover {
    color: #000 !important;
    background-color: #FFF112;
    text-decoration: none;
  }

.ppd-box {
    margin: 0px 0px 0px 0px;
    padding: 20px 15px 20px 15px;
	width: 100%;
	height: auto;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	font-size: 15.5px !important;
	line-height: 30px !important;
	border-radius: 25px 25px 25px 25px;
	color: #000 !important;
	border: 1px solid #D9D9D9;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.ppd-box:hover{
box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
}

.env-preview-block {
    position: absolute;
    display: none;
    z-index: 100000
}
.env-preview-block img {
    margin: 0;
    border: 0;
    max-width: 100%;
    height: auto;
    display: block
}
.env-preview-shadow {
    box-shadow: 0 0 4px rgba(48,48,48,.7)
}
.env-preview-preloader {
    background: #000 url(../images/loader.gif) center center no-repeat;
    display: block;
    width: 100px;
    height: 100px;
}
.env-theme-simple {
    background: #999;
    padding: 5px;
    border: 1px solid #222
}
.env-theme-envato {
    background: #fff;
    color: #333;
    padding: 10px;
    border: 1px solid #ccc;
    line-height: 16px;
	border-radius: 25px;
}
.env-theme-envato h3 {
    margin: 15px 0 10px;
    padding: 0;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    word-wrap: break-word;
    white-space: normal
}
.env-preview-image-wrapper {
    overflow: hidden;
    max-height: 300px
}
.style-envato-info {
    float: left
}
.style-envato-price {
    float: right;
    font-size: 32px;
    font-weight: 500;
    line-height: 42px
}
.style-envato-price sup {
    vertical-align: -4px;
    font-size: 24px
}
.style-envato-author {
    color: #aaa;
    font-size: 11px;
    margin-bottom: 5px;
    display: block
}
.style-envato-category {
    color: #eee;
    font-size: 13px;
    display: block
}
#list5 {
}
#list5 ul {
	list-style:none;
	margin:0px 0px 0px 0px;
}
#list5 ul li {
	margin:0px 0px 0px -40px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	font-family: 'DMSans-Regular';
	font-size:14px;
	color:#fff;
	text-decoration:none;
	float:left;
	transition: all 0.4s linear;
	line-height: 30px !important;
	cursor: pointer;
	border:0px solid red;
}
#list5 ul li:hover {
	text-decoration:none;
	color:#FFF112 !important;
}

.btn-dcp a{
    margin: 0px 0px 0px 0px;
    padding: 20px 45px 20px 45px;
    color: #fff !important;
    font-size: 22px;
    text-align: center;
    background-color: #2C2F30;
    font-family: "DMSans-Medium" !important;
    text-decoration: none;
    display: inline-block;
    border-radius: 25px;
    border: 0px solid red;
    line-height: 21px;
    z-index: 666;
    text-transform: capitalize;
    transition: all 0.4s linear;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.btn-dcp :hover {
    color: #000 !important;
    background-color: #FFF112;
    text-decoration: none;
  }

.accordion1 {
    background-color: #000000;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    font-size: 18px;
    font-weight: 600;
    transition: .4s
}
.active1, .accordion1:hover {
    background-color: #FFF112;
	color: #000;
}
.accordion1:after {
    content: '\002B';
    color: transparent;
    font-weight: bold;
    float: right;
    margin-left: 5px
}
.active1:after {
    content: "\2212"
}
.panel1 {
    padding: 0 18px 0 18px;
    margin-top: 2px;
    background-color: #ebebeb;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}


#listcat {
}
#listcat ul {
	list-style:none;
	margin:0px 0px 0px 0px;
}
#listcat ul li a {
	margin:0px 0px 0px -40px;
	padding:1px 0px 0px 0px;
	width:116%;
	height:auto;
	font-family: 'DMSans-Regular' !important;
	font-size:15px;
	color:#333333 !important;
	text-decoration:none;
	float:left;
	line-height: 30px !important;
	transition: all 0.4s linear;
	border:0px solid red;
}
#listcat ul li :hover {
	color:#968c00 !important;
	text-decoration:none;
}
.cat-box {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 0px !important;
	height: auto;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	font-size: 16px !important;
	border-radius: 0px;
	color: #000 !important;
	background: #fff;
	border: 1px solid #D9D9D9;
	cursor: pointer;
	transition: all 0.4s linear;
box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
}

.cat-box:hover {
	background: #FFF112;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	border: 1px solid #FFF112;
}

.cat-btn a{
    margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: auto;
    height: auto;
    display: inline-block;
	font-family: 'DMSans-Regular' !important;
	border-radius: 0px;
	font-size: 14px;
	font-weight: 500;
	color: #fff !important;
	background-color: #000;
	text-align: center;
	float: right;
	text-decoration: none;
	transition: all 0.4s linear;
    border: 0px solid #FFEB68;
  }

.cat-btn :hover{
	color: #000 !important;
	background-color: #fff112;
	text-decoration: none;
  }

.catdown-btn a{
    margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: auto;
    height: auto;
    display: inline-block;
	font-family: 'DMSans-Regular' !important;
	border-radius: 0px;
	font-size: 14px;
	font-weight: 500;
	color: #fff !important;
	background-color: #000;
	text-align: center;
	float: right;
	text-decoration: none;
	transition: all 0.4s linear;
    border: 0px solid #FFEB68;
  }

ul {
    list-style: none;
}

a {
    text-decoration: none;
}



.accordion-menu {
    width: 100%;
    max-width: 450px;
    margin: 0px auto 20px;
    background: #ccc;
	color: #000 !important;
    border-radius: 0px;
	padding: 0px;
}

.accordion-menu li.open .dropdownlink {
    color: #000;
	background: #FFF112;
}

.accordion-menu li.open .dropdownlink .fa-chevron-down {
    transform: rotate(180deg);
}

.accordion-menu li:last-child .dropdownlink {
    border-bottom: 0;
}

.dropdownlink {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    	color: #000 !important;
    position: relative;
	font-weight: 600;
    transition: all 0.4s ease-out;
}

.dropdownlink i {
    position: absolute;
    top: 17px;
    left: 16px;
}

.dropdownlink .fa-chevron-down {
    right: 12px;
    left: auto;
}

.submenuItems {
    display: none;
    background: #000;
	color: #fff;
	padding: 0px;
}

.submenuItems li {
    border-bottom: 1px solid #ccc;
}

.submenuItems a {
    display: block;
    color: #fff !important;
	font-size: 16px;
    padding: 8px 12px 8px 12px;
    transition: all 0.4s ease-out;
}

.submenuItems a:hover {
    background: #333;
    color: #fff !important;
}
.container1 { margin: 0; max-width: 100%;border:0px solid red;padding: 0px; }


.tb a{
padding: 12px 15px 10px 15px;
margin: 0px 0px 1px 0px;
width: 100%;
height: auto;
background: #dfdfdf;
font-family: 'DMSans-Regular';
font-size: 16px;
font-weight: 600;
text-decoration: none;
color: #000 !important;
text-align: left;
display: inline-block;
}

.tb :hover{
color: #000 !important;
background: #FFF112 !important;
text-decoration: none;
}

.tb-active a{
padding: 12px 15px 10px 15px;
margin: 0px 0px 1px 0px;
width: 100%;
height: auto;
background: #FFF112 !important;
font-family: 'DMSans-Regular';
font-size: 16px;
font-weight: 600;
text-decoration: none;
color: #000 !important;
text-align: left;
display: inline-block;
}

.tb1{
padding: 0px 0px 0px 0px;
margin: 0px 0px -5px 0px;
width: 100%;
height: auto;
background: #fafafa;
text-decoration: none;
color: #000 !important;
text-align: left;
display: inline-block;
}

.sidebar1 {
      width: 200px;
      background-color: #333;
      height: 100vh;
      padding-top: 20px;
    }

    .sidebar1 a {
      display: block;
      color: #fff;
      padding: 15px 20px;
      text-decoration: none;
      transition: background 0.3s;
    }

    .sidebar1 a:hover {
      background-color: #444;
    }

    .sidebar1 a.active {
      background-color: #1abc9c;
      color: white;
    }



#list33 {
}
#list33 ul {
	list-style:none;
	margin:0px 0px 0px 0px;
}
#list33 ul li a {
	margin:0px 0px 0px -40px;
	padding:7px 15px 7px 15px;
	width:116%;
	height:auto;
    font-family: 'DMSans-Regular';
	font-size:14px;
	color:#000 !important;
	text-decoration:none;
	float:left;
	background: #F5F5F5;
	transition: all 0.4s linear;
    border-bottom:1px solid #fff;
}
#list33 ul li :hover {
	color:#fff !important;
	background: #333;
	text-decoration:none;
}

.tb-h{
padding: 0px 0px 0px 0px;
margin: 0px 0px -4px 0px;
width: 100%;
height: 350px;
overflow: scroll;
overflow-x: hidden;
border: 0px solid red;
display: inline-block;
}
.wcu-box {
    margin: -6px 0px 0px 0px;
    padding: 50px 0px 50px 0px !important;
	height: auto;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	font-size: 16px !important;
	border-radius: 0px;
	color: #000 !important;
	background: #333333;
	border: 0px solid #D9D9D9;
}

.wcu-box1 {
    margin: 0px 0px 30px 0px;
    padding: 20px 20px 10px 20px !important;
	width: 100%;
	height: 180px;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	font-size: 16px !important;
	border-radius: 10px;
	color: #000 !important;
	background: #111111e6;
	transition: all 0.4s linear;
	border: 2px solid #393838;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.wcu-box1:hover {
    border: 2px solid #fff112;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.wcu-boxpd {
   margin: 80px 0px 30px 0px;
    padding: 20px 20px 10px 20px !important;
	width: 100%;
	height: auto;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	font-size: 16px !important;
	border-radius: 10px;
	color: #000 !important;
	background: #111111e6;
	transition: all 0.4s linear;
	border: 2px solid #393838;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.wcu-boxpd:hover {
    border: 2px solid #fff112;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}



.wcu-project {
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px !important;
	width: 100%;
	height: auto;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	font-size: 16px !important;
	border-radius: 10px;
	color: #000 !important;
	background: #111111e6;
	transition: all 0.4s linear;
	border: 2px solid #393838;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.wcu-project:hover {
    border: 2px solid #fff112;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.wcu-brand {
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px !important;
	width: 100%;
	height: 100px;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	font-size: 16px !important;
	border-radius: 10px;
	color: #000 !important;
	background: #111111e6;
	transition: all 0.4s linear;
	border: 2px solid #393838;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.wcu-brand:hover {
    border: 2px solid #fff112;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}


#slider-container {
      width: 100%;
      height: 180px;
      overflow: hidden;
      position: relative;
      margin: 20px auto;
	border: 0px solid red;
      background-color: transparent;
    }

    #slider-track {
      display: flex;
      position: absolute;
      top: 0;
      left: 0;
    }

    .brand {
      width: 200px;
      height: 100px;
      margin: 10px;
      flex-shrink: 0;
     /* display: flex;*/
      justify-content: center;
      align-items: center;
	  border-radius: 5px;
	  background: #111111e6;
	  transition: all 0.4s linear;
		float: left;
	  border: 0px solid #393838;
    }

/*    .brand img {
      max-width: 80px;
      max-height: 80px;
    }*/

    .brand-round {
	  border-radius: 5px;
    }

.brand-text{
  width: 100%;
  height: auto;
  border: 0px solid red;
  color: #fff;
  display: inline-block;
  position: relative;
  top: 8px;
  left: 0px;
  text-transform: uppercase;
   text-align: center;
}

.ab-round {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px ;
	display: inline-block;
	border-radius: 50px 0px 50px 0px;
	transition: all 0.4s linear;
	border: 2px solid #fff112;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.ab-round-img {
	border-radius: 50px 0px 50px 0px;
}

.wcu-abbox {
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px !important;
	width: 100%;
	height: auto;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	border-radius: 10px;
	color: #000 !important;
	background: #111111e6;
	transition: all 0.4s linear;
	border: 2px solid #393838;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.wcu-abbox:hover {
    border: 2px solid #fff112;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.wcu-abbox-img {
    margin: 0px 0px 20px 0px;
	border-radius: 8px 8px 0px 0px;
}

 .timeline {
      position: relative;
      max-width: 900px;
      margin: 50px auto;
    }

    .timeline::after {
      content: '';
      position: absolute;
      width: 6px;
      background-color: #fff;
      top: 0;
      bottom: 0;
      left: 50%;
      margin-left: -3px;
    }

    .timeline-item {
      padding: 20px 30px;
      position: relative;
      width: 50%;
    }

    .timeline-item::after {
      content: '';
      position: absolute;
      width: 25px;
      height: 25px;
      right: -13px;
      background-color: #333333;
      border: 4px solid #fff;
      top: 15px;
      border-radius: 50%;
      z-index: 1;
    }

    .timeline-item.left {
      left: 0;
    }

    .timeline-item.right {
      left: 50%;
    }

    .timeline-item.right::after {
      left: -13px;
    }

    .timeline-content {
      padding: 20px;
      background-color: #fff112;
      position: relative;
      border-radius: 6px;
	  color: #000;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .timeline-content h3 {
      margin-top: 0;
      color: #fff;
    }

    .timeline-item1 {
   padding: 0px 30px;
  position: relative;
  width: 50%;
  top: 44px;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  left: 0px;
}

    .timeline-item2 {
  padding: 0px 30px;
  position: relative;
  width: 61%;
  top: 8px;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  left: 13px;
  float: left;
}

	.time-none{
	display: none;
	}

	.time-block{
	display: block;
	}

    @media screen and (max-width: 768px) {
      .timeline::after {
        left: 20px;
      }

      .timeline-item {
        width: 100%;
        padding-left: 60px;
        padding-right: 25px;
      }

      .timeline-item.right {
        left: 0%;
      }

      .timeline-item::after,
      .timeline-item.right::after {
        left: 15px;
      }
    }

.project-box1 {
    margin: 0px 0px 30px 0px;
    padding: 20px 20px 10px 20px !important;
	width: 100%;
	height: auto;
	display: inline-block;
	font-family: 'DMSans-Regular' !important;
	font-size: 16px !important;
	border-radius: 10px;
	color: #000 !important;
	background: #111111e6;
	border: 2px solid #393838;
	transition: transform 0.6s ease;
	transition: all 0.4s linear;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.project-box1:hover {
    border: 2px solid #fff112;
	transform: scale(1.1);
	transform: translateY(-10px);
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}


#catlist {
}
#catlist ul {
	list-style:none;
	margin:0px 0px 0px 0px;
}
#catlist ul li a {
	margin:0px 0px 0px -40px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	font-family: 'DMSans-Regular' !important;
	font-size: 14px !important;
	color:#fff;
	text-decoration:none !important;
	float:left;
	line-height: 30px;
	transition: all 0.4s linear;
	border-bottom: 0px solid #393838;
}
#catlist ul li :hover {
	color:#FFF112 !important;
	text-decoration:none !important;
}

.ft-center{
text-align: center !important;	
}

.qh{
height: 150px;
border: 0px solid red;
}