@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');



body {
	margin: 0;
	padding: 0;
	width:100%;
	height: 100%;
	font-family:"Roboto Condensed", sans-serif;
	font-weight:300;
	font-size:14px;
	}
	
strong {    font-weight: 500!important;}


.border{ border: 1px solid #2a4065; /*border-radius:2px;*/}

th{ background: #5a5d19; color: #fff;}
	s
td { background: #fff; color: #000; border-top:none !important; border-bottom: solid 1px #f2f2f2; font-size: 18px; font-weight: 400; padding:1%important;}

.small, small {
	font-size: 21px!important;
    font-weight: 200!important;
    margin-bottom: 20px;
    display: block;
	    color: #06465d;
    letter-spacing: 1px
}

p {
    color: #06465d !important;
    font-size: 20px!important;
    font-weight: 300!important;
    Line-height: 29px;
    margin-top: 0px;
    text-align: justify;
    font-family: "Roboto Condensed", sans-serif;
    padding: 0%;
	margin-bottom: 20px !important;
	  font-optical-sizing: auto;
}

h1 {
   color: #06465d !important;
   font-size: 55px !important;
       line-height: 60px !important;
    font-weight: 400 !important;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif !important;
    display: block;
    width: 100%;
    margin: 0px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;     letter-spacing: -1px !important;
}

h2 {
 	color: #06465d !important;
    font-size: 41px !important;
    font-weight: 400 !important;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif !important;
    display: block;
    width: 100%;
    margin: 0px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    line-height: 46px !important;
    font-optical-sizing: auto;
}

h3 {
    color: #06465d !important;
    width: 100%;
    font-size: 27px !important;
    font-weight: 200 !important;
    font-family:"Roboto Condensed", sans-serif!important;
    line-height: 37px !important;
    margin: 0px !important;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 20px !important;
    font-optical-sizing: auto;
}

.left{text-align:left!important;}
.right{text-align:right!important;}
.centre{text-align:center!important;}


ul, ol {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 25px}


li {
    display: list-item;
    text-align: -webkit-match-parent;
	color: #0b3800;
    font-size: 18px;
    font-weight: 300;
    Line-height: 29px;
    margin-top: 0px;
    text-align: justify;
    font-family: "Roboto Condensed", sans-serif;
}

ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
/*ul.b li:before { content: none!important;}*/
ul.c {list-style-type: square;}
ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.f li:before { content: none!important;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.i {list-style-type: hebrew;}
ol.j {list-style-type: hiragana;}
ol.k {list-style-type: hiragana-iroha;}
ol.l {list-style-type: katakana;}
ol.m {list-style-type: katakana-iroha;}
ol.n {list-style-type: lower-alpha;}
ol.o {list-style-type: lower-greek;}
ol.p {list-style-type: lower-latin}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.s {list-style-type: upper-latin;}
ol.t {list-style-type: upper-roman;}
ol.u {list-style-type: none;}
ol.v {list-style-type: inherit;}


ul.tk {
    list-style-type: none;
    padding-left: 0; /* Reset default padding to ensure proper alignment */
	margin-left: 0px !important;
}

ul.tk li {
    padding-left: 30px; /* Adjust the padding to your desired indentation */
    position: relative; /* Ensure proper positioning of pseudo-element */
}

ul.tk li:before {
    content: "\2714"; /* Unicode value for tick symbol */
    font-family: FontAwesome; /* Ensure the correct font family for the tick symbol */
    color: #58a75e; /* Adjust the color if needed */
    position: absolute; /* Position the tick symbol */
    left: 0; /* Align the tick symbol with the start of the list item */
    margin-right: 15px; /* Adjust spacing between the tick and the list item text */
}

.letterspace10{ letter-spacing:10px !important;}
.uppercase{ text-transform:uppercase;}
uppercase{ text-transform:uppercase;}

.border-left{border-left:1px solid #58a75e;}
.border-right{border-right:1px solid #58a75e;}
.border-bottom{border-bottom: 1px solid #e6e6e6;}
.border-top{border-top: 1px solid #58a75e;}
.border-top-red{border-top: 4px solid #f30505;}
.border-bottom-light{border-bottom: 1px solid #cabcbc;}
.border-bottom-black {    border-bottom: 1px solid #000;}


.border-grdient{border-image: linear-gradient(to left, #78635e 0%, #2b2b2b 100%);
    border-image-slice: 1;
    border-width: 2px;
    border-bottom: 1px solid;}
	



part20{ width:20%;  float:left;}
part30{ width:30%; float:left; }
part32{ width:32%; float:left;}
part40{ width:40%; float:left; }
part50{ width:50%; float:left; }
part60{ width:60%; float:left; }
part70{ width:70%; float:left; }
part80{ width: 80%; float:left;}



.whitebg{ background:#ffffff;}
.ashbg{ background:rgb(78 78 78);}
.lightashbg{background-color:#2f97bc29; }
.lightyellowbg{background-color:#59a75f21; } 
.ashgrd {background: linear-gradient(142deg, rgb(146 217 255) 0%, rgb(254 214 67 / 0%) 50%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 100%);}
.greenbg {background-color: rgb(88, 167, 94);}
.blackbg{background:rgba(0, 0, 0, 0.95);}
.darkbluebg{ background-color:#06465d ;}
.bluebg { background:rgb(232, 241, 248);}
.lightbluebg {    background-color: #10609d14;}
.lightorangebg{background: rgb(230, 207, 173);}
.orangebg{ background:#FF8003;}
.yellowbg{ background:rgb(254 210 49);}
.blackbg-transparent { background: rgba(247, 247, 247, 0.7);}
.redbg{ background: #a80000;}
.lightredbg {    background: #a800001a;}
.brownbg {    background: #321721;}
.pinkbg{  background: #8a4b56;}
.tanbg{background: #cbb38f;}


green{color:#58a75e;}
blue{color: #a10b0c;}
ligthblue{ color:#000;}
ligthyellow{ color:#c9412e;}
yellow{ color:#ffff99;}
black{ color:#000 !important; -webkit-text-fill-color: #000;}
white{ color:#fff!important;}
red { color: #500a0a;}
purplelight {color: #6d72ad;}
purple { color: #2d3165;}

underline-blue{text-decoration: underline; color: #8fcaf2;}

fw300{ font-weight:300;}
fw400{ font-weight:400;}
fw600{ font-weight: 400;}



.padding0{padding-right: 0px!important; padding-left: 0px!important;}
.padding-right-0{ padding-right: 0px!important;}
.padding-left-0{padding-left: 0px!important;}
.pad1{padding:1% !important;}
.pad2{padding:2% !important;}
.pad4{padding:4% !important;}
.pad6{padding:6% !important;}
.pad8{padding:8% 25% !important;}
.pad10-8{padding:14% 8% !important;}
.pad10{padding:10% !important;}
.pad12{padding:12% !important;}
.pad-top-12{ padding-top:12% !important;;}
.pad-top-20{ padding-top:20% !important;;}


hr { margin-top: 10px!important; border-top: 1px solid #5da962 !important;}

.margin-top1{ margin-top:1%!important;}
.margin-top2{ margin-top:2%!important;}
.margin-top3{ margin-top:3%!important;}
.margin-top5{ margin-top:5%!important;}
.margin-top10{margin-top:10% !important;}
.margin-top15{margin-top:15%;}
.margin-bottom5{margin-bottom:5%;}

.margin-top-6{ margin-top:-6%!important;}
.margin-top-8{ margin-top:-8%!important;}
.margin-top-20{margin-top:-20%;}
label { margin-top: 2%; font-weight: 100 !important;     color: #5f8897;}

.btn{padding: 6px 12px !important;}

.pdficon{
width:30px !important;
height:auto;}


img.greyscale{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
}
  
  .tint {
  position: relative;
  float: left;
  cursor: poRoboto Condensed;
}

.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,255,255, 0.5);
  -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}

.tint:hover:before {
  background: none;
}

hed {
    margin-top: 5%;
    display: block;
}

textarea {    margin-bottom: 30px!important;}

.form-control {
  display: block;
    width: 100%;
    height: 45px!important;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
     color: #0f3906;
	font-weight: 400;
    background-image: none;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border: 0px !important;
    background: none !important;
       border: 1px solid #5f8897 !important;
 
}   

.form-control:focus {
    border-color: #c00808!important;
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(28, 32, 84)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(45, 51, 119)!important;*/
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgb(28, 32, 84)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgb(45, 51, 119)!important;
	
}

.form-control-contact {
    margin-bottom: 1%!important;
    background-color: #fdfdfd!important;
    border: 0px solid #efefef!important;
    border-bottom: 1px solid #777575!important;
    border-radius: 0px!important;
    font-size: 15px;
    color: #000 !important;
    height: 40px !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s!important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
}
.form-control-contact:focus {
    border-color:#5cbce5!important
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(102,175,233,.6)!important;
}
btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: poRoboto Condensed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;}
	
.btnful{ width:100% !important;}

.btn-danger{    
	width: auto;
    background: #2f97bc !important;
    border: 0px solid #2f97bc!important;
    border-radius: 0px !important;
    font-weight: 400!important;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 40px;
}
.modal-body {    padding: 7%;}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 0px solid #e5e5e5!important;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px!important;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-dialog {
    /* height: 100vh; */
    width: 100% !important;
    /* margin: 10% auto!important; */
    margin: 0px !important;
}
.modal-body h2{
	color: #000;
    width: 100%;
    font-size: 33px!important;
    font-weight: 300!important;
    font-family: 'Noto Sans SC'!important;
    line-height: 14px;
    /* padding: 2%; */
    text-align: letf;
    margin: 0 auto;
    /* text-transform: uppercase; */
    /* text-decoration: underline; */
    margin-bottom: 6%;
}

.modal-body h3 {
    color: #1c2054;
    width: 100%;
    font-size: 20px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 27px;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    /* letter-spacing: 1px; */
}

set {width: 100%;
    display: grid;
    /* float: left; */
    align-content: center;
    align-items: center;
    justify-content: center;
	}

.z-tabs-nav li:before {
 content: ""!important;
    margin: 0 !important;
    margin-right: 0px !important;
}

/*.z-link icon {
    width: 65px !important;
    text-align: center;
    display: block;
    float: left;
    margin-top: 0px !important;
}*/

.z-link img {width: 50px; float: left; filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s;
	opacity: .3;
}

.z-content-inner li:before {
    color: #fff !important;
}

a.z-link h3:hover {
    color: #a90915 !important;
}

sucess {
    font-size: 23px;
    font-weight: 100;
    color: #009688;
}

alert{
    font-size: 23px;
    font-weight: 100;
    color: #a90915;;
}

img#captcha_code {
    height: 40px;
}
/* ---- particles.js container ---- */

#particles-js{
	position: relative;
    width: 93%;
    height: 100%;
    background-color: #5cbce5;
    background-image: url(main.css);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 6% 2%;
    float: right;
}


.snimg img {
    width: auto;
    height: 170px !important;
}

/*ANCHOR------------ */

.anchor{
  display: block;
 /*  height: 115px; /*same height as header*/
  /*margin-top: -136px; /*same height as header*/
  visibility: hidden;
    /*margin-top: -136px;
	 height: 115px;*/
}




/*SCROLBAR------------ */

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #06465d ;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2f97bc;
}


.cbp-popup-singlePageInline-ready {    background: #fff;}



.flex{ display: flex!important; flex-direction: row;}
.grid {    display: grid;    align-content: center;    grid-template-columns: auto;    gap: 0px;}
gridset {
display: grid;
    width: 100%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,100%);
}

::selection {
    background: #2f97bc !important;
    color: #fff;
}


/*input[type=text]:focus {  background-color: #ccc!important;}*/

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
      border-color: rgb(41 63 100 / 53%) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(41 63 100 / 6%) !important;
    outline: 0 none;
}
/*
.form-control:focus {  border-color: #FF0000!important;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6)!important;}*/
/* --------------------------------- index page ------------------------ Starts --------------------------------- */

#wrapper{
	width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
	overflow:hidden;
	/*background:#000;
	background-image: url(../images/smokebg.jpg);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;*/}



.top{
	width: 95%;
    padding: 0;
    margin: 0;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    padding: 0%;
    margin: 0 auto;
    right: 0;
    left: 0;
	}

.top:after { 
 	/*content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -10px;
    left: 0px;
    z-index: -1;
    opacity: 1;
    background: transparent url(../images/tornedge.png) repeat top left;*/
}
	


.top span {
  /*     padding: .5%;
    font-size: 18px;
    font-weight: 100;
    font-family: "Noto Sans";
    color: #3e4656!important;
    margin: 0;
    padding: 0 30px 0px 0px;*/
}

.top span a{ color: #000!important;}


.top small{
color: #fff !important;
font-size: 11px !important;
font-weight: 400 !important;
font-family: "Roboto Condensed" !important;
text-align: left;
/*display: block;text-transform:uppercase;*/
width: 100%;
padding:0% !important;
margin: 0% !important;

}


.top  h1 a:hover{ text-decoration:none !important;}

.top  h2{
	color: #024bce;
    font-size: 17px;
    font-weight: 400;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px;
    /* margin-top: 10px; */
    text-transform: uppercase;
    /* margin-bottom: 2%; */
}

.top .set1 { padding-top:30px;  border-bottom:1px solid #00000000;    /* padding: 20px; */    display: flex;    justify-content: center;}
.top .set2 { padding: 12px 0px;    border-bottom: 1px solid #ffffff54;    display: flex;    align-items: center;}
.top .set3 { padding: 1% 2%;}


.top .set1 .enquiry {
    position: relative;
	text-align: right;
    padding: 0px;
	}

.top .set1 .menu {padding:  0%; z-index: 1;  }


.menu img {
    position: absolute;
    right: 20px;
    top: 20px;
}

.top .set1 .menu but {
    padding: 0%;
    position: absolute;
    right: 20px;
    top: 60px;
}

.top .set2 but a {
    width: auto;
    text-align: center;
    /* margin: 0 auto; */
    color: #fff !important;
    text-decoration: none;
	font-size: 18px;
    font-weight: 300;
    border: solid 0px #ffffff !important;
    margin: 0px !important;
    text-transform:none;
    padding: 4px 16px !important;
    font-family: "Noto Sans";
    background: none;
    display: inline;
    /* float: left; */
    margin-right: 1% !important;
    margin-top: 20px !important;
}

.currency .btn-primary {
    color: #000!important;
    background: #f5d19b!important;
    padding: 5% 15% !important;
	border-radius:0px!important;
	border:0px!important;
}

.top part50{ width:50%; display:block; float:right;}
.top part33 {    width: 33%;    float: left;}


.top .modal-dialog {    width: 100% !important;    margin: 0px !important;}

.modal-content {
    position: relative;
    background-color: #fffffff7!important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px!important;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    height: 100vh!important;
	/*padding:10%;*/
}

.modal-header .close {
      margin-top: 0px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px!important;
    font-weight: 100!important;
    z-index: 9;
    color: #000!important;
    opacity: 9 !important;
    font-family: "Roboto Condensed" !important;
}

.modal-content set{ width: 16%;    float: left;    display: block;    height: 110px;}

.modal-content set h1{
	font: 600 16px/23px "Noto Sans", sans-serif;
    color: #c5c5c5 !important;
    text-align: center;
    padding: 1%;
    letter-spacing: 1px;
    margin-top: 0px;
}
.modal-content icon img {
    width: auto !important;
    height: 50px!important;
}

.link but a {
    width: auto;
    text-align: center;
    color: #0a0a0a !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    border: solid 1px #000000 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 1% 2%;
    font-family: "Noto Sans";
    background: none;
    display: inline;
    margin: 0% 2% !important;
}

login {
    /* position: absolute; top: 0; */
    /* right: 0; */
    color: #5b5c1a;
    padding: 5%;
    font-size: 14px;
	font-weight: 400;
    /* width: 100px; */
    text-align: center;
    /* background: #000; */
    text-transform: uppercase;
    /* margin-top: 20px; */
    display: block;
    width: 100%;
    float: left;
    

}

login a { color:#5a5c1d!important;}

login img {
    width: 18px !important;
    /* display: block; */
    margin-right: 10%;
}

cart {
    color: #5b5c1a;
    font-size: 14px;
   font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0px;
    display: block;
    width: 100%;
    float: right;
	padding:5%;
}

cart img {
    width: 18px !important;
    /* display: block; */
    margin-right: 10%;
}

cart a {
    color: #5b5c1e !important;
    text-decoration: none !important;
}

track {
    color: #5b5c1a;
    font-size: 14px;
   font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0px;
    display: block;
    width: 100%;
    float: right;
	padding:0;
}

.top but{  margin-top: 0px!important;}

.top but a{
  	width: 130px!important;
    text-align: center;
    line-height: 30px;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    border: solid 0px #434c5d !important;
    margin: 0 auto !important;
    text-transform: uppercase;
    padding: 1% 4%;
    font-family: "Noto Sans";
    background: none;
    display: inline;
    float: none;
    margin-right: 1% !important;
    margin-top: 0px !important;
    border-radius: 9px;
    background: #549c53;
	}


.currency .dropdown-toggle.btn-default { border:0px !Important;}
.logo{
	position:relative!Important;
	width: 100%;
	text-align:left;    margin-top: 0px;
}

.logo img {
 /*   position: absolute;
    top: 60px;
    left: 20px;*/
    width: 150px;
}

logobg{
/*	position:relative!Important;
	width: auto;
	text-align:center*/
	position: absolute;
    width: 100%;
    text-align: left;
    top: 0px;
    left: 0%;

}

logobg:before{
	content: "";
/*    background-image: url(../images/logobg.png);*/
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 200%;
    position: absolute;
    left: 0;
    top: -90%;
    opacity: 1;
    z-index: 0;
}

logofixhead{ display:none;}
/*.logobg { position:relative;}
.logobg:before{
	content: "";
	background-image:url(../images/logobg.png);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 1;

}
*/

.logo .border {
    border: 0px solid #b4b9c1;
    padding: 0% !IMPORTANT;
}

.logo sup {
    font-size: 14px;
    top: -13px;
}

.logo  h1{
	    color: #434c5d;
    font-size: 18px!IMPORTANT;
    font-weight: 500 !important;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 0px !important;
    margin-bottom: 0px !important;
    display: grid;
    align-content: center;
	}

.logo  h1 a{    color: #434c5d;}
.logo  h2{
	color: #024bce;
    font-size: 17px;
    font-weight: 400;
	line-height:21px;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align:center;
    display: block;
    width: 100%;
    margin: 0px;
    /* margin-top: 10px; */
    text-transform: uppercase;
    /* margin-bottom: 2%; */
}



.enquiry {    text-align: right;}
.enquiry .fa {    color: #fff !important;}
.enquiry span {    font-size: 14px;    font-weight: 300;    font-family: "Noto Sans";    color: #fff !important;}

.call .fa{    color: #fff !important;    font-size: 19px;}
.call {  padding: 0;    margin-bottom: 0%;    text-align: left;    display: flex;    align-items: flex-start;}
.call span {    font-size: 16px;    font-weight: 300;    font-family: "Noto Sans";    color: #fff !important;    margin: 0%;    margin-top: 0px;    text-align: left;     margin-right: 30px !important;}

.since{
	width: 100%;
	padding-top:1%;
	/*padding:1.3%;*/
}

.since img {
	width:auto;
	height:125px;
}

.hght100{ min-height:100vh!important;}
.hght90{ min-height:90vh!important;}
.hght80{ min-height:80vh!important;}
.hght50{ min-height:50vh!important;}

.banner{
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
	    background: #fff;
      /* min-height: 90vh;
    background: #eee;
 padding: 2%;
   	background: #035273;
		background-image: url(../images/bannerbg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;	*/ 
}

.banner iso{ position: absolute;    right: 80px;    bottom: 50px;}

.banner centerlink {
position: absolute;
    top: 59%;
    text-align: center;
    margin: 0 auto;
    left: 203px;
    background: #fff;
    width: 600px;
    height: 220px;
}
.banner rightlink {
	position: absolute;
    top: 25%;
    left: 850px;
    padding: 0%;
    display: block;
    /* -webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);*/
    /* writing-mode: tb-rl; */
        z-index: 1;
    background: #000;
    width: 250px;
    height: 300px;}

.banner rightlink cont {
    width: 160px;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    padding: 5px 15px;
    text-align: center;
	border:3px solid #fff;
}
.banner rightlink cont  h1{ color:#fff !Important; font-size:50px; font-weight:600; text-transform:uppercase; text-align:center; line-height:29px;  }
.banner rightlink cont  h2{ color:#fff !Important;  font-size:18px; font-weight:600; text-transform:uppercase; text-align:center; line-height:21px;}

.banner rightlink but{ width: auto; text-align:center;}

.banner rightlink but a{
  width: 130px!important;
    text-align: center;
    line-height: 17px;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    border: solid 1px #549b53 !important;
    margin: 0 auto !important;
    text-transform: uppercase;
    padding: 2% 0%;
    font-family: "Noto Sans";
    background: none;
    display: block;
    float: none;
    /* margin-right: 0% !important; */
    /* margin-top: 0px !important; */
    margin-top: 30px !important;
    letter-spacing: 3px;
	}

.banner leftlink {
    position: absolute;
    left: 0px;
    top: 25%;
    display: block;
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: tb-rl;*/
}

.banner bottomlink {
    position: absolute;
    left: 0px;
    bottom: 0;
    display: block;
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: tb-rl;*/
}

.banner:before {
/*
    content: "";
    background: rgb(0,0,0);
    background:linear-gradient(127deg, rgb(157 11 11) 0%, rgb(255 181 71) 80%, rgb(255 169 40) 70%, rgb(158 13 12) 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 9;
    z-index: -1;*/
}
.banner:after { 
/*	content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    background: #31281d;
    opacity: 1;
    background: rgb(0,0,0);
    background:linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 89%) 50%, rgb(255 255 255 / 0%) 60%, rgb(158 13 12 / 0%) 100%);*/
}
/*
.banner rightlink {
     position: absolute;
    bottom: 0;
    padding: 0%;
    display: block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: tb-rl;
    font-size: 85px;
    font-weight: 400;
    font-family: "Noto Sans";
    padding: 5px;
    color: #ececec;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
}

.banner rightlink h1{
       color: #ebebeb;
    font-size: 85px;
    font-weight: 400;
    font-family: "Noto Sans";
    display: block;
    width: 100%;
    margin: 0px;
    /* margin-top: 10px; 
    text-transform: uppercase;
}
*/

/*.banner rightlink  h2{
	color: #423d25;
    font-size: 25px;
    x: ;
    font-weight: 100;
    font-family: "Noto Sans";
    display: block;
    width: 100%;
    margin-top: -33px; 
	margin-right: -123px;
    margin-right: -58px;
}
*/

.slider{ position:relative; width:100%; z-index:1;}

band img {
    width: 100%;
    height: 181px;
}

bane img {
    width: 100%;
    height: 181px;
}


.bottomlink{
      position: relative;
    width: 100%;
    z-index: 2;
    color: #ffff;
    text-align: center;
    /* padding: 0% 10%; */
}

.bottomlink h1{
  font-size: 16px!important;
   font-weight: 400;
    color: #000!important;
    letter-spacing: 3px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 3px;
    margin: 0px;
}

.bottomlink h1 a:hover{ text-decoration:none;}


.bottomlink small{
    color: #000 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    font-family: "Roboto Condensed" !important;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.bottomlink left{}
.bottomlink right{}


.bottomlink set bor {
    display: block;
    width: 100%;
    height: 2px;
    margin: 0 auto !important;
    margin-bottom: 1% !important;
	margin-top: 1% !important;
    background: #ccc;
}

.bottomset {
    position: absolute;
    bottom: -200px;
    width: 80%;
    left: 11%;
    /* top: -50px; */
}

.bottomset set img {
    height: 75px;
    /* text-align: left; */
}


.banin{
     position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
	    background: #fff;
    /*background-repeat: none;
    height: 200px;
    background: linear-gradient(2.7755rad, #041634 0%, #293f64fc 30%, #2a4065 60%, #2c4266 100%);*/
}

.banin  .top .set1 {     padding-top: 20px;  align-items: center;}
.banin .top .set2 {    border-bottom: 1px solid #06465d3d;}

.banin .logo {
    margin: 0px !important;
    padding: 0px !important;
    margin-top: 0px !important;
}
.banin .wsdownmenu-list > li > a {  color: #06465d !important;}
.banin .wsdownmenu-list > li > a:hover {    color: #46a2c3 !important;}

.banin but a {   /* border: 1px solid #045e14 !important;    color: #045e14 !important;*/}
.banin .top {  position: relative;}
.banin .logo img {     width: 90px;}

.banin  .call span {    color: #06465d !important;}
.banin  .call .fa {    color: #06465d !important; }
.banin .top .set2 but a {    color: #06465d !important;}
.banin .enquiry .fa {    color: #06465d !important;}

.banin h1{
    color: #3e4656!Important;
    display: grid;
    align-content: center;
    font-weight: 400 !important;
    /* margin: 0px !important; */
    justify-content: center;
    margin-left: 30px !important;

}

.banin .menu img {
    position: absolute;
    right: 160px;
    top: -35px;
}

but {}

but a{
    width: auto;
    text-align: center;
    color: #06465d !important;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    background: none;
    display: inline;
    background: #ffffff;
	    font-family: "Roboto Condensed" !important;
    /* border-radius: 20px; */
    text-decoration: none !important;
    border: 1px solid;
    padding: 4px 20px;
}

but a:hover{ border: solid 0px #a90915;color: #fdffce;text-decoration: none;}

.about but {
    display: block;
    text-align: center;
	margin-top:7%;
}

.about but a{	
  /* background: #D81C4C; */
    width: auto;
    text-align: center;
    margin: 0 auto;
    color: #bdbdbd;
    text-decoration: none;
    font-size: 13px;
    font-weight: 200;
    border: solid 1px #bdbdbd;
    text-transform: uppercase;
    padding: 1% 3%;
    font-family: "Noto Sans";}

.about but a:hover{ border: solid 1px #a7a7a7;color: #a7a7a7;text-decoration: none;}



.shop{
    width: 100%;
    padding:4% 3% 1% 3%;
    margin: 0%;
	position:relative;
	display:block;
/*	border-top:1px solid #e0e0e0;*/
	}
	
.shop th {
    background: #5a5c1d;
    color: #fff;
    border-top: 1px solid #5a5c1d!important;
    font-size: 100%;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif !important;
    padding: 10px !important;
    text-transform: uppercase;
}

.shop td {
    background: #fff;
    color: #000;
    border-top: 1px solid #ccc!important;
    font-size: 17px;
    font-weight: 300;
    font-family: "Roboto Condensed", sans-serif !important;
    padding: 6px !important;
}

.shop part75 {
    width: 100%;
    float: left;
}

.shop part25 {
    width: 30%;
    float:right;
}

.shop .filtericon {
    display: none;
}
	
.shop .btn-danger {
/*	color: #fff;
    background-color: #00448c !important;
    border-color: #00448c !important;
    letter-spacing: 2px;
    font-weight: 400;
    padding: 10% 8% !important;
    margin: 0 auto;
    display: block;
    margin-top: 120%;*/
	color: #000;
    background-color: #f3e31c !important;
    border-color: #f3e31c !important;
    etter-spacing: 2px;
    font-weight: 400;
/*    padding: 4% !important;*/
    margin: 0 auto;
    margin-top: 10%;
    width: auto;
}
gst {
    font-size: 14px;
    font-weight: 100;
    font-style: italic;
}
.sc-add-to-cart {
    margin-top: 10% !important;
    padding: 13% !important;
}
.qty {
    border: 1px SOlid #000 !important;
    height: 29px !important;
}
$quantity-btn-color: #95d7fc;
.product {
	width: 30%;
	margin: 30px;
}
.form-group1 {
	width: 130px;
	margin: 0px;
	}
	.glyphicon {
		color: $quantity-btn-color;
	}

.shop small {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    color: #035273;
   font-weight: 400;
    margin-bottom: 2%;
}
.shop h1 {
	color: #000!important;
    font-size: 23px!important;
    font-weight: 600!important;
    font-family: "Roboto Condensed"!important;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 1px;
    width: auto;
    display: contents;
    letter-spacing: 4px;
    padding-bottom: 1% !important;
    display: block;
}
.shop h2 {
    color: #000!important;
    font-size: 17px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 2px;
    /* border: 1px solid #00448c; */
    margin-bottom: 10px;
}
.shop h3 {
    font-size: 15px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 9px 0;
    /* padding-left: 15px; */
    color: #000;
}
.shop h4 {
  font-size: 15px;
    letter-spacing: 0px;
   font-weight: 400;
    margin: 6px 0;
    padding-left: 15px;
    color: #035273;
	text-transform:uppercase;
}

.shop br {
    line-height: 3px;
}

.shop span1{
	font-size: 15px;
    font-weight: 400;
    margin: -30px 41px 0 0px;
    display: block;
    /* margin-right: -14px; */
    color: #035273;
}


.shop .radio-toolbar {  margin: 0px;}
.shop .radio-toolbar input[type="radio"] {  opacity: 0;  position: fixed;  width: 0;}
.shop .radio-toolbar label {
	display: inline-block;
    /* background-color: #0064b1; */
    padding: 8px;
    font-family: sans-serif, Arial;
    font-size: 15px;
    border: 1px solid #444;
    border-radius: 0px;
    font-weight: 400;
}
.shop .radio-toolbar label:hover {  background-color: #ffcea0;}
.shop .radio-toolbar input[type="radio"]:focus + label {    border: 0px dashed #444;}
.shop .radio-toolbar input[type="radio"]:checked + label {
 background-color: #0064b1;
    border-color: #4c4;
    color: #fff !important;
}


.shop set {    width: 32%;
    display: block;
    float: left;
    margin-bottom: 5%;
    height: 400px; margin-right:1%;}
.shop set icon{ width:100%;}
.shop set img{ width:100%;}
.shop set h1{ font-family: "Noto Sans", Arial, sans-serif; font-weight: 400; color: #00448c; font-size: 24px;  padding: 0px; margin: 0px;}

.shopin h1{
    font-family: "Noto Sans", Arial, sans-serif;
    font-weight: 400;
    color: #00448c;
    font-size: 24px;
    padding: 0px;
    height: 31px;
    margin: 0px;}

.shopin but a {
    /* position: absolute !important; */
    bottom: 0px;
    right: 0px;
    width: auto !important;
    margin: 0px !important;
    font-size: 14px;
    font-weight: 400;
    border: none;
    font-size: 15px;
    color: #000;
    position: relative;
    padding-left: 27px;
    letter-spacing: 2px;
    display: block;
    transition: color 0.3s,transform 0.3s;
    margin: 1% 0 5% 0 !important;
}
.shopin but a:before {
    content: '\2192';
    font-weight: normal;
    line-height: 1;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
}

.radiobut {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: poRoboto Condensed;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right:10px;
}

/* Hide the browser's default radio button */
.radiobut input {
  position: absolute;
  opacity: 0;
  cursor: poRoboto Condensed;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.radiobut:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.radiobut input:checked ~ .checkmark {
  background-color: #0064b1;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.radiobut input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.radiobut .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}





.social{
	    display: flex;
    width: 130px;
    gap: 2rem;
    justify-content: flex-start;
    margin: 0 auto;
    align-items: center;
}

a.social-icon {
    color: #000;
    font-size: 16px;
}

.social li{
width:auto;
float:left;
padding:0 5%!important;
list-style:none;
display:block;
color: #8c8e90;
}
.social li:before {
    content: ""!important;
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}

.social li a{
font-family:"Roboto Condensed"!important;
color:#333;
font-size:100%;
font-weight:100;
text-decoration:none;
padding-bottom:0%;
text-transform:uppercase;}

.social li a:hover{
text-decoration:none;}



.centerimage{ 
	background-image:url(../images/image50.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:500px;
/*    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;*/
}



.login{ width:100%; background:linear-gradient(130deg, rgb(247 249 207) 0%, rgb(247 249 207) 50%, rgb(90 92 31)50%, rgb(90 92 28) 100%);border-top: 1px solid rgb(207 209 179); }

.login li{
	width:auto;
	float:left;
	list-style:none; 
	padding-left: 1em; 
	text-indent: 0em;
	line-height: 1.5em;
	color: #333 !important;
	font-size: 110%;
	font-weight: 300;
	font-family: "Roboto Condensed", sans-serif;}

.login li:before {
    content: "";
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}

.login li a{color:#3e3e3e;}

.login li a:hover{color:#3e3e3e;}

.login .form-control {
	display: block;
    width: 100%;
    height: 45px!important;
    padding: 0px !important;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    font-weight: 400;
    background-image: none;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-bottom: 1px solid #000 !important;
    background: none !important;
    /* border-bottom: 1px solid #cbb38f !important; */
    margin-bottom: 7%!important;
}



.regsiter{ width:100%; background:linear-gradient(130deg, rgb(255 222 173 / 19%) 0%, rgb(255 227 184 / 55%) 50%, rgb(161 11 12)50%, rgb(161 11 12) 100%); }

.regsiter .form-control {
    display: block;
    width: 100%;
    height: 45px!important;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    font-weight: 400;
    background-image: none;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-bottom: 1px solid #000 !important;
    background: none !important;
    /* border-bottom: 1px solid #cbb38f !important; */
    margin-bottom: 6%!important;
}

.myhome{ background:linear-gradient(90deg, rgb(255 222 173 / 29%) 0%, rgb(255 227 184 / 5%) 50%, rgb(255 222 174 / 12%)50%, rgb(255 224 179 / 22%) 100%);}

.myhome .form-control {
	display: block;
    width: 100%;
    height: 45px!important;
    padding: 0px !important;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    font-weight: 400;
    background-image: none;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-bottom: 1px solid #000 !important;
    background: none !important;
    /* border-bottom: 1px solid #cbb38f !important; */
    margin-bottom: 3%!important;
}
.locality{
width:100%;
padding:3%;}

.locality li{
width:25%;
float:left;
list-style:none;
display:block;
color: #000;
text-align:center;
}
.locality li:before {
    content: ""!important;
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}

.locality li a{
font-family:"Roboto Condensed"!important;
color:#000;
font-size:100%;
font-weight:100;
text-decoration:none;
padding-bottom:0%;
text-transform:uppercase;}

.locality li a:hover{
text-decoration:none;}

.search{
	width: 100%;
    margin: 0 auto;
    /* border-radius: 6px; */
    /* background: #fff; */
    /* margin-top: 15%; */
    margin: 0;
    /* padding: 1%; */
    display: block;
    /* background: #000; */
    margin-bottom: 1%;
}

.search .form-group {    margin-bottom:0px !important;}
.search .form-control {
  display: block;
    width: 100%;
    height: 45px!important;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
	font-weight: 400;
    background-image: none;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border: 0px !important;
    background: none !important;
    /* border-bottom: 1px solid #cbb38f !important; */
     margin-bottom: 0!important; 
}

.search .form-control:focus {
    border-color: #c00808!important;
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(28, 32, 84)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(45, 51, 119)!important;*/
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgb(28, 32, 84)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgb(45, 51, 119)!important;
	
}

.search .dropdown-toggle.btn-default {
    color: #fff;
    background-color: none;
    border-color: #adadad;
    border: 0px !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
	margin: 0px !important; height: 49px !important;
}
.search .dropdown-toggle.btn-default:hover {    color: #fff!important;}
.search .dropdown-toggle.btn-default:active {    color: #fff!important;}
.search .dropdown-menu { width: 243px !IMPORTANT;    font-size: 15px;    border-radius: 0px;    margin-left: -39px;    background: #000;    margin-top: 0px;}
.search .dropdown-menu>li>a {  color: #fff}
.search .dropdown-menu>li>a:hover {    color: #ffffff;    text-decoration: none;    background-color: #191919;}

.search part20 {
    width: 20%;
    float: left;
/*    padding: 1%;*/
    background: #000;
    color: #fff;
}

.search part80 {
    width: 80%;
    float: left;
/*    padding: 2%;*/
    background: #fff;
    color: #000;
}

#imaginary_container{
    margin-top:0%; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: #000 !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

.input-group-addon {
    color: #fff!important; 
    border: 0px !important; 
}


.aboutbg{
	background:none;
	background-image:url(../images/Drone-Cargo-Shipping-Teaser.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:150px;
	    /*padding: 0% 6% 6% 8%!important;*/}
		
.aboutbg::before {
    content: "";
    background: -webkit-linear-gradient(top, #5dbde6 55%, #5dbde6);
    background: -moz-linear-gradient(top, #5dbde6 55%, #5dbde6);
    background: -o-linear-gradient(top, #5dbde6 55%, #5dbde6);
    background: -ms-linear-gradient(top, #5dbde6 55%, #5dbde6);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #5dbde6), to(#5dbde6));
    background: linear-gradient(top, #5dbde6 55%, #5dbde6);
    width: 100%;
	height:150px;
/*    height: 100%;*/
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
    z-index: 1;}


.mapbg{
	width:100%; position:relative;
/*	background: linear-gradient( 1turn, rgb(197 237 156 / 0%) 0%, rgb(197 237 156 / 67%) 50%, rgb(197 237 156 / 71%) 50%, rgb(216 243 189 / 0%) 100%) !important;*/
	z-index:-1;
	/*background-image:url(../images/map.png);*/
	/*background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;*/
	/*height:150px;
	    padding: 0% 6% 6% 8%!important;*/}
		
.mapbg:before{
 	/*content: "";
    background-image: url(../images/drip-vector1.png);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index:0;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;*/
}

vect1 {
    position: absolute;    top: 0;    left: 0;    opacity: .5;
}

vect2 {
    position: absolute; bottom:0; right:0;    opacity: .5;
}
	
	
.ffbg{
	background:none;
	background-image:url(../images/.png);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	/*height:150px;
	    padding: 0% 6% 6% 8%!important;*/}
		
.ffbg:before{
	content: "";
    background: rgb(0,0,0);
    background: linear-gradient( 0.5turn, rgb(255 255 255 / 77%) 0%, rgb(255 255 255 / 65%) 10%, rgb(255 255 255 / 58%) 10%, rgb(255 255 255 / 66%) 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index:-1;
}
	
	


.curvedlinebg{
	background-image:url(../images/curveline.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:150px;
	padding: 3% 0%!important;}


		
		
.parthead{
    padding: 10% 6%!important;
    text-align: center;
   /* border-bottom: 1px solid #eae9e9;*/
	}




.bodycon{
position:relative;
width:100%;
margin:0;
padding:0;
/*padding: 2% 6%;*/
/*background:#fff;*/
/*background-image:url(../images/ban3.jpg);*/
}

.bodycon small{
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: "Roboto Condensed" !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    text-transform: uppercase;
}


.bodycon h1{   
    color: #1c2054;
    width: 100%;
    font-size: 35px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;

}
.bodycon h2{
    color: #000;
    width: 100%;
    font-size: 22px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 29px;
    padding: 2%;
    text-align: center;
    margin: 0 auto;
   /* text-transform: uppercase;*/
}

.bodycon h3{
     color: #1c2054;
    width: 100%;
    font-size: 22px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 27px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    /* letter-spacing: 1px; */
}


.bodycon h2 a:hover{text-decoration:none; color:#cd1688 !important;}



.bodycon rightlink {
	position: absolute;
    top: 17px;
    left: 0;
    padding: 0%;
    display: block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: tb-rl;
    font-size: 28px;
    font-weight: 100;
    font-family: "Noto Sans";
    padding: 5px;
    color: #2d3165;
		z-index:9;
		text-transform:uppercase;
}
.bodycon rightlinkin {
	position: absolute;
    top: 20%;
    left: 0;
    padding: 0%;
    display: block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: tb-rl;
    font-size: 28px;
    font-weight: 100;
    font-family: "Noto Sans";
    padding: 5px;
    color: #2d3165;
		z-index:9;
		text-transform:uppercase;
}


.about leftlink {
    position: absolute;
    right: 22px;
    padding: 10px;
    bottom: 10%;
    display: block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: tb-rl;
    font-size: 15px;
    font-weight: 400;
    font-family: "Noto Sans";
    text-transform: uppercase;
    background: #C00807;
    color: #fff;
}


.bodycon leftlinkin {
    position: absolute;
    right: 22px;
    padding: 40px 10px;
    top: 20%;
    display: block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: tb-rl;
    font-size: 15px;
    font-weight: 400;
    font-family: "Noto Sans";
    text-transform: uppercase;
    background: #0d2f6d;
    color: #fff;
	z-index: 1;
}




icon {
    width: 100%;
    text-align: center;
    display: block;
}

icon img {
width: auto;
    height: 60px;
}



.bodyconin{
width:100%;
padding: 5% 10% !important;
/*background:#fff;*/
/*background-image:url(../images/ban3.jpg);*/
}

 .bodyconin bor{
display: block;
    width: 150px;
    height: 5px;
    margin: 0 auto !important;
    background: #b79d9a;
    /* margin-bottom: 2% !important; */
    /* text-align: left; */
    /* float: left; */
}


.bodyconin small{
color: #000 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    font-family: "Roboto Condensed" !important;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    text-transform: uppercase;
}

.bodyconin p{ padding:3% 0% !IMPORTANT;}

.bodyconin h1{
    color: #5d5b5b  !important;
    font-size: 35px !important;
    font-weight: 400 !important;
    font-family: "Roboto Condensed" !important;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    text-transform: uppercase;
    margin-bottom: 1% !important;
}
.bodyconin h2{
      color: #464141 !important;
    font-size: 31px !important;
    font-weight: 400 !important;
    font-family: "Roboto Condensed" !important;
    text-align: center;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    text-transform: uppercase;
    margin-bottom: 1% !important;
}

.bodyconin h2 a:hover{text-decoration:none; color:#cd1688 !important;}

.bodycon ul, ol {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 25px;}

.bodycon li{
	list-style:disc; 
	padding-left: 1em; 
    text-indent: 0em;
	line-height: 1.5em; 
	padding:2px 10px;     
	color: #fff !important;
    font-size: 17px;
    font-weight: 400;
	font-family: "Roboto Condensed", sans-serif;
	text-align:left;}

/*.bodycon li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #000; 
    margin-right: 7px;}*/

.bodyconin ul, ol {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 25px;}


.bodyconin li{list-style:none; padding-left: 1em; 
    text-indent: 0em;line-height: 1.5em; padding:2px 10px; 	
	color: #000 !important;
    font-size: 17px;
    font-weight: 400;
font-family: "Roboto Condensed", sans-serif;}

.bodyconin li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}


.searchset{
width:100%;
padding: 1.5% 0%!important;
border-bottom:1px solid #e8e2e2;
margin-bottom:1%;
}

.searchset logo img{
width:150px;
height:auto;
}

.searchset h1{
color: #000 !important;
font-size: 130% !important;
font-weight: 300 !important;
font-family: "Roboto Condensed" !important;
text-align: left;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
text-transform: none!important;
margin-bottom: 0% !important;
}



.productind{
position:relative;
width:100%;
margin:0;
padding: 5%;
background:#4dd871;
}

.productind h1{   
	color: #fff;
    width: 100%;
    font-size: 36px!important;
    font-weight: 700!important;
    font-family: "Roboto Condensed"!important;
    line-height: 35px;
    text-align: left;
    margin: 0 auto;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    margin-bottom: 1%;
    padding-left: 2%;
    border-left: 2px solid #000;
}

.productind leftlink {
    position: absolute;
    right: 20px;
    padding: 10px;
    bottom: 10%;
    display: block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: tb-rl;
    font-size: 18px;
    font-weight: 400;
    font-family: "Noto Sans";
    text-transform: uppercase;
    background: #fe2202 !important;
    color: #fff;
}

aboutpic {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: .2;
    width: 100%;
}
aboutpic img {    width: 100%;}

aboutpic::before {
    content: "";
    background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255 / 60%) 50%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
/*    opacity: 0.2;
    z-index: 0;*/}

.aboutind{
   position: relative;
    width: 100%;
    margin: 0;
    z-index: 0;
    min-height: 80vh;
    padding: 0;
    overflow-x: clip;
    display: grid;
    align-items: center;
    border-top: 0px solid #ccc;
	
}
.aboutind::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/gasfifier.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2; /* Adjust opacity value here */
    z-index: -1; /* Push background behind content */
	filter: grayscale(100%) opacity(0.5);
}

.aboutind .conprt {
    padding: 60px 40px 20px 40px;
}


.aboutind h2 {
    width: 100%;
    /* margin-left: 180px !important; */
    /* margin-bottom: 60px !important; */
    margin: 0 auto !important;
}

.aboutind small {
    width: 100% !important;
    font-size: 21px;
    font-weight: 200;
    color: #0b3b08;
    letter-spacing: 1px;
    margin: 0 auto !important;
    padding-bottom: 20px !important;
    /* margin-bottom: 30px !important; */
    display: block;
}

.aboutind:before {
  /*  content: "";
    background-image: url(../images/jupfan.png);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 80%;
    height: 100%;
    position: absolute;
    top: 20%;
    left: -20%;
    margin: auto;
    z-index: -1;*/
}

.aboutind:after {
	/* content: "";
    background-image: url(../images/jupfanline.png);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -14%;
    margin: auto;
    z-index: -1;*/
}

.aboutind  gridset {
    display: grid;
    width: 100%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,100%);
    /* justify-content: center; */
    /* align-content: center; */
    /* align-items: center; */
}
.aboutind set {width: 100%;
    display: grid;
    /* float: left; */
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 27vh;}
	
.aboutind set h1 {
    color: #3e4656 !important;
    font-size: 23px!important;
    font-weight: 100!important;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif !important;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px !important;
    margin-bottom: 20px!important;
    padding: 0 !important;
}
.aboutind set1 {width: 100%;
    display: grid;
    /* float: left; */
    align-content: center;
    align-items: center;
    justify-content: right;
    height: 27vh;}
	
.aboutind set1 h1 {
    color: #3e4656 !important;
    font-size: 23px!important;
    font-weight: 100!important;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif !important;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px !important;
    margin-bottom: 20px!important;
    padding: 0 !important;
}

.aboutind  rightlink {
    position: absolute;
    left: 0px;
    padding:5%;
    top: 0;
    display: block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    writing-mode:inherit;
    font-size: 15px;
    font-weight: 400;
    font-family: "Noto Sans";
    text-transform: uppercase;
    background: #024bce;
    color: #fff;
	z-index:1;
}


.aboutind but {
    /* margin-top: 5% !important; */
    display: block;
    text-align: center;
    width: 170px;
    margin: 0;
    margin-top: 5%;
}

.aboutind but a {
   
    bottom: 0px;
    right: 0px;
    width: auto !important;
    margin: 0px !important;
    font-weight: 300;
    border: none;
    font-size: 16px;
    color: #549c53 !important;
    position: relative;
    letter-spacing: 0px;
    display: block;
    transition: color 0.3s,transform 0.3s;
    text-align: left;
    border: 0px !important;
    background: none!important;
    padding: 0px;
}

.aboutind but a:before {
   content: '\2192';
    font-weight: normal;
    line-height: 1;
    font-size: 23px;
    position: absolute;
    right: 30%;
    top: 50%;
    margin-top: -15px;
    color: #549c53;
}

.aboutind but a:hover {    -webkit-transform: translateX(10px);    transform: translateX(10px);    text-decoration: none !important;}


.aboutind vect { position: absolute;
    top: 25%;
    right: 0;
    z-index: -1;
    opacity: 0.8;}

.aboutind photo {
    width: 45%;
    margin-top:0px;
    display: block;
    float: left;
    margin-right: 4%;
}

photo img {
    width: 200px;
}

photo h {
    display: block;
    margin-top: 3%;
    text-align: center;
    color: #fff;
    font-size: 14px;
   font-weight: 400;
    text-transform: uppercase;
}


.recruitbg{
     position: relative;
    width: 100%;
	z-index:0;
	background: #fff;
	display:flex;
     margin: 0; 
	background-image: url(../images/recruit.jpg); 
  	background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	min-height: 80vh;
}

.aboutbflogo{    position: relative;    width: 100%;}
.aboutbflogo:before {
        content: "";
    background-image: url(../images/jupfan.png);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20%;
    right: -30%;
    margin: auto;
    z-index: -1;
}


.about{
	position: relative;
    width: 100%;
    padding: 40px;
    z-index: 0;
    /* padding: 0; */
    /* padding: 3% 0% 5% 0%; */
    /*  background: linear-gradient(3.4046rad, #e8f1f8 0%, #e8f1f8 60%, #ffffff82 60%, #ffffff00 100%);*/
    /* background-image: url(../images/aboutusbg.jpg); */
    /* background-repeat: repeat-x; */
    min-height: 30vh;
    display: grid;
    margin: 0 auto;
    align-items: center;
}


.abouthelp{
    position: relative;
    width: 100%;
    padding: 0px;
    z-index: 0;
    min-height: 50vh;
    display: grid;
    align-items: center;
    align-content: center; overflow: hidden;
}

.abouthelp:before {
	content: "";
    background-image: url(../images/abouthelpbg.jpg);
    background-position: 50% 50%;
    /* background-position-x: 0%; */
    /* background-position-y: 0%; */
    /* background-position: center; */
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    z-index: -1;
    /* opacity: 0.2; */
    transform: scale(2);
    rotate: rotate: 0deg;
    /* rotate: 1 1 0 28deg;
    /*rotate: 1 1 0 28deg;*/
}

.abouthelp:after {content: "";
  background: rgb(55 127 167 / 84%);
	background:linear-gradient(90deg, rgb(88 167 94) 0%, rgb(3 169 244) 100%, rgba(0,212,255,1) 100%);
    /*background: linear-gradient( 0.25turn, rgb(88 167 94) 0%, rgb(87 163 93 / 44%) 60%, rgb(11 135 160 / 75%) 60%, rgb(11 142 172) 100%);*/
    background-repeat: none;
    width: 100%;
	height:100%;
    /*height: 60%;*/
    position: absolute;
	left: 0;
    opacity: .9;
    z-index: -1;}

.abouthelp gridset {
    display: grid;
    width: 100%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,33.33%);
}

.abouthelp gridset set {
width: 100%;
    display: grid;
    /* float: left; */
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 40px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}


.aboutban {
	position:relative;
	width:100%;
    min-height: 50vh;
    display: grid;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
	    padding: 0px 60px;
}

.aboutban:before {
        content: "";
    background-image: url(../images/aboutban.jpg);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    z-index: -1;
    opacity: 0.9;
    transform: scale(2);
}
.about a {    color: #000 !important;    text-decoration: none;}
.about td {}
.about .iconset a {    color: #5f6061!important;    text-decoration: none;}
.about pic {    position: relative;    display: grid;    justify-content: center;    width: 100%; overflow:hidden;}
.about pic h1 {    position: absolute;    top: 50%;    left: 10%;    font-weight: 300 !important;    color: #fff !important; font-size: 70px !important; line-height:70px !important;}


.about bor {
	display: block;
    width: 120px;
    height: 3px;
    background: #000000;
    margin-bottom: 20px;
  
}
.about borr {
display: block;
    width: 120px;
    height: 3px;
    background: #000000;
    margin-bottom: 20px;
    margin: 0 0 20px auto;
}

.about borl {
	display: block;
    width: 120px;
    height: 3px;
    background: #000000;
    margin-bottom: 20px;
    margin: 0 0 20px 0;
}


.strength {
       position: relative;
    width: 100%;
    min-height: 70vh;
    display: grid;
    align-items:center;
    align-content: center;
    margin: 0 auto;
    padding: 30px;
	background:#f5f7f5;
	z-index:0;
}


.strength li{    
	color: #000 !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    Line-height: 29px;
    margin-top: 0px;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    padding: 0%;
    margin-bottom: 20px !important;
    font-optical-sizing: auto;
}

.strength pic{
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
}


.strength pic:before {
    content: "";
    /* background-image: url(../images/c.png); */
    background-position: 50% 50%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 400px;
    height: 500px;
    position: absolute;
    bottom: -70px;
    left: -22%;
    margin: auto;
    z-index: -1;
    opacity: 1;
    background-color: #1b75bc;
}



.advantage {
position: relative;
    width: 100%;
    min-height: 50vh;
    display: grid;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    padding: 40px;
}

.advantage gridset {
	display: grid;
    width: 100%;
    min-height: 60vh;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 33%);
    justify-content: center;
    border: 1px solid #3e6c3429;
    border-width: 1px 0 0 1px;
    margin-top: 0px;
}


.advantage gridset set {
    position: relative;
    width: 100%;
    display: grid;
    align-items: center;
    align-content: flex-start;
    justify-content: center;
    padding: 50px 30px;
    border: 1px solid #3e6c3429;
    border-width: 0 1px 1px 0;
	font-size:20px; font-weight:200;
}

.advantage gridset set icon img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.download{
    position: relative;
    width: 100%;
    padding: 20px 80px;
    z-index: 0;
    /* padding: 0; */
    /* padding: 3% 0% 5% 0%; */
    /* background: linear-gradient(90deg, rgb(255 222 173 / 29%) 0%, rgb(255 227 184 / 5%) 50%, rgb(255 222 174 / 12%)50%, rgb(255 224 179 / 22%) 100%); */
    /* background-image: url(../images/aboutusbg.jpg); */
    /* background-repeat: repeat-x; */
    min-height: 60vh;
    display: flex;
    align-items: center;
    align-content: center;
}

.download:before {
	content: "";
    background-image: url(../images/shieldline.png);
    background-position: 50% 50%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    z-index: -1;
    opacity: 0.2;
    transform: scale(1.2);
    rotate: rotate: 30deg;
    rotate: 1 1 0 28deg;
}
.download gridset {
    display: grid;
    width: 100%;
    gap: 2rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,48%);
}

 .download gridset set {
    width: 100%;
    display: grid;
    /* float: left; */
    align-content: center;
    align-items: center;
    justify-content: center;
    /* padding: 20px; */
    border: 1px solid #549c53;
    font-size: 18px;
    min-height: 12vh;
    border-radius: 4px;
}
 .download gridset set icon {
    width: 100%;
    text-align: right;
    display: block;
    margin-top: 10px;
}

.activity{
	position: relative;
		width: 100%;
    padding: 0;
    z-index: 0;
	min-height: 60vh;
    display: grid;
    align-items: center;
    align-content: center;
    /* padding: 0; */
    /* padding: 3% 0% 5% 0%; */
    /* background: linear-gradient(90deg, rgb(255 222 173 / 29%) 0%, rgb(255 227 184 / 5%) 50%, rgb(255 222 174 / 12%)50%, rgb(255 224 179 / 22%) 100%); */
    /* background-image: url(../images/aboutusbg.jpg); */
    /* background-repeat: repeat-x; */
    /* min-height: 60vh; */
    /* display: grid; */
    /* align-items: center; */

}

.dispersion{position: relative;
		width: 100%;
    padding: 0;
    background-image: url(../images/dispersion.jpg); 
     background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;

   }

.activity gridset {
	gap: 2em;
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,31%);
    margin-top: 20px;
    background: #58a75e1a;
    padding: 20px;
}

.activity gridset set {
    width: 100%;
    display: grid;
   /* align-content: end;
    align-items: center;*/
	justify-content:normal;
	    align-content: flex-start;
}

.activity gridset set p { color: #488547 !important;}
.activity gridset pic{
    width: 100%;
    height: 350px;
    display: block;
    background: #ffff;
    position: relative;
}

.activity gridset set cont {
    position: absolute;
    bottom: 0;
    padding: 20px 30% 20px 20px;
}

.activity gridset cont p {
    font-size: 16px !important;
    line-height: 23px;
}


.activity gridset cont date {
	font-size: 16px !important;
    line-height: 23px;
    background: #000;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.activity gridset pic:before {
    content: "";
    background: rgb(9 58 131);
    background: linear-gradient( 0.0148rad, #650606 0%, #ffffff00 60%, #0e409000 60%, #0b276000 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 9;
    z-index: 0;
}

.activity gridset set a pic:hover::before {
    content: "";
    background: rgb(9 58 131);
    background: linear-gradient( 3.1269rad, #dab22a6b 0%, #f8ca2f2b 60%, #0e409000 60%, #0b276000 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 9;
    z-index: 1;
}


.activity .act1  {
    width: 100%;
    padding: 30px;
    min-height: 40vh;
	position:relative;
	z-index:0;
	display: grid;
    align-items: center;

}
.activity .act1:before {

	    content: "";
    background: none;
    background-image: url(../images/wkspbg.jpg);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    z-index: -1;

}

.activity .act2 {
    width: 100%;
    padding: 30p740vh;
    position: relative;
    z-index: 0;
    display: grid;
    align-items: center;
}

.register:before {
 content: "";
    background-image: url(../images/jupfan.png);
    background-position: 50% 50%;
    background-position-x: -20%;
    background-position-y: -20%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    margin: auto;
    z-index: -1;
    /* opacity: 0.5; */
    transform: scale(1);
}

.team{
    position: relative;
    width: 100%;
    padding: 30px;
    z-index: 0;
    /* padding: 0; */
    /* padding: 3% 0% 5% 0%; */
    /* background: linear-gradient(90deg, rgb(255 222 173 / 29%) 0%, rgb(255 227 184 / 5%) 50%, rgb(255 222 174 / 12%)50%, rgb(255 224 179 / 22%) 100%); */
    /* background-image: url(../images/aboutusbg.jpg); */
    /* background-repeat: repeat-x; */
    min-height: 40vh;
    display: grid;
    align-items: center;
    align-content: center;
	    background: #f5f7f5;
		    border-top: 0px solid #164d09;
}

.teamban {
	position:relative;
	width:100%;
    min-height: 50vh;
    display: grid;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
	    padding: 0px 60px;
}


.aboutcon{
    position: relative;
    width: 100%;
    margin: 0;
    z-index: 0;
    min-height: 90vh;
    padding: 0px 5%;
    display: grid;
    align-items: flex-end;
    align-content: center;
    margin: 0 auto;
	background-image: url(../images/gasfifier.jpg);
    background-position: 50% 50%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: contain;
    background-repeat: no-repeat;
}


.aboutcon:before {
   content: "";
 /* background-image: url(../images/aboutindpic.jpg);
    background-position: 50% 50%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;*/
    background-repeat: no-repeat;
   width: 60%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: -6%;
    margin: auto;
    z-index: 0;
    opacity: 1;
   /* transform: scale(1);
    rotate: rotate: 30deg;
    rotate: 0 0 0 0deg;*/
}

.aboutcon cnt {
    position: absolute;
    left: 0bottom;
    right: 0;
    border: 0;
    width: 66.66%;
    min-height: 80vh;
    display: grid;
    background: #fff;
    padding: 0px 10%;
	align-items: center;
}

img1 img {    margin-top: 25%;}


.about ul {    margin-top: 0px;    margin-right: 0px;    margin-left: 25px;	padding: 20px 0% 0% 0%;}
.about ol {    margin-top: 0px;    margin-right: 0px;    margin-left: 25px;	padding: 20px 0% 0% 0%;}	
.about li {
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    line-height: 27px;
    line-height: 29px;
    color: #0b3800 ;
    font-weight: 100;
    margin-bottom: 20px;
}

.about li:before {
  content: '\2713';
  position: absolute;
  margin-left: -20px;
  color: #0b3800 ;
}

.about .form-control {
    display: block;
    width: 100%;
    height: 45px!important;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000000;
    font-weight: 400;
    background-image: none;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0)!important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background: none !important;
    border-bottom: 1px solid #0f3c97!important;
    margin-bottom: 2%;
}

.aboutin h1 {
    color: #fff;
    width: 60%;
    font-size: 37px!important;
    font-weight: 300!important;
    font-family: "Roboto Condensed"!important;
    line-height: 43px;
    text-align: left;
    display: block;
    /* position: absolute; */
    /* right: 0; */
    margin: 0 auto;
    padding: 4% 0%;
}
.aboutin h2{
    color: #000;
    width: 100%;
    font-size: 23px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 29px;
    padding: 0%;
    text-align: center;
    margin: 0 auto;
   /* text-transform: uppercase;*/
}

.areas{
     position: relative;
    width: 100%;
    padding: 4%;
	z-index:0;} 
	
.areas h1{   
	    color: #000;
    font-size: 27px;
    font-weight: 500!important;
    adding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align:center;
    display: block;
    width: 100%;
    margin: 0px;
    margin-bottom: 1%;
    line-height: 36px;
}


.areas  gridset {
    display: grid;
    width: 100%;
    gap: 5rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,30%);
    justify-content: center;
	    margin-top: 30px;
}

.areas set {
	width: 100%;
    display: grid;
    align-content: flex-start;
}
.areas set p {     text-align: center;
    color: #000!important;
    font-size: 15px !important;
    line-height: 27px;
    padding-top: 20px;}
.areas set h1 {
    color: #000;
    font-size: 18px!important;
    font-weight: 600!important;
    font-weight: 00!important;
    adding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
    width: 100%;
    margin: 0px;
    margin-bottom: 1%;
    line-height: 36px;
    text-transform: capitalize;
}


	
	
	
	

.jobs{
     position: relative;
    width: 100%;
    padding: 4%;
	z-index:0;}
	
	.jobs bor {
    display: block;
    width: 120px;
    height: 3px;
    background: #e9cba1;
    margin-bottom: 30px !important;
	    margin: 0 auto;
}

.jobs h1{   
	    color: #000;
    font-size: 27px;
    font-weight: 500!important;
    adding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align:center;
    display: block;
    width: 100%;
    margin: 0px;
    margin-bottom: 1%;
    line-height: 36px;
}

.jobs set {
	width: 100%;
    display: grid;
    float: none;
    /* text-align: left; */
    align-content: center;
    height: 200px;
}

.jobs set h1 {
    color: #000;
    font-size: 18px!important;
    font-weight: 600!important;
    font-weight: 00!important;
    adding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
    width: 100%;
    margin: 0px;
    margin-bottom: 1%;
    line-height: 36px;
    text-transform: capitalize;
}
.jobs set p {    text-align: center; color: #000!important;  }

.jobs  gridset {
    display: grid;
    width: 100%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,33.33%);
    justify-content: center;
}
.jobs  gridset1 {
    display: grid;
    width: 100%;
    gap: 2rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,15%);
    justify-content: center;
	margin-top:30px;
}
.jobs gridset1 set {    height: auto;}

.jobs gridset1 p { 
    text-align: center;
    color: #000!important;
    font-size: 12px !important;
    line-height: 19px;}


.partners{width: 100%;
    padding: 60px  !Important;
    position: relative;
    display: grid;
    align-content: center;
	min-height:75vh;
    background: #fff;}
	
.partners gridset {
    display: grid;
    width: 70%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,33.33%);
    margin: 0 auto;
    align-content: center; 
	    padding-top: 40px;
}
.partners gridset img{
	-webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%) !important;
    filter: url(desaturate.svg#greyscale);
}
.partners li{
    width: 100%;
    list-style: none;
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
    font-weight: 100 !important;
    line-height: 30px;
}
.partners li:before {
    content: ""!important;
    font-family: FontAwesome;
    color: #fff; /* or whatever color you prefer */
    margin-right: 7px;}

.partners li a{
	    width: 100%;
    list-style: none;
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
    font-weight: 100 !important;
    line-height: 30px;text-decoration: none;}

.partners li a:hover{
	text-decoration:none;}
	
	

.careers { width: 100%;
    padding: 0px 10%;
    position: relative;
    display: grid;
    align-content: center;
    min-height: 90vh;
    background: linear-gradient(180deg, rgb(255 255 255 / 26%) 0%, rgb(255 255 255 / 0%) 50%, rgb(250 250 250) 50%, rgb(250 250 250) 100%);	}

.careers pic {
    position: absolute;
    bottom: 0;
    left: 0;
}


.careers jlist {
    width: 60%;
    margin: 0 0 0 auto;
    display: grid;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 50%);
	    min-height: 20vh;
		    margin-top: 30px;
}

.careers jlist item {
    font-size: 18px;
    font-weight: 200;
    color: #000;
}

.careers search {
	position:relative;
    width:60%;
    display: block;
    padding: 30px 0px;
	margin:0 0 0 auto;
}

.careers search icn {
    position: absolute;
    top: 50px;
    right: 20px;
}

.careers search .form-control {
	color: #000000;
    font-size: 23px;
    font-weight: 300;
    border-radius: 9px !important;
    background: #ffff !important;
    height: 60px !important;
}

.careers search .btn-danger {
      width: auto;
    background: #ffffff00 !important;
    border: 0px solid #ffffff00 !important;
    border-radius: 50px !important;
    border-radius: 20px !important;
    ont-weight: 400 !important;
    color: #ffffff00 !important;
    text-transform: uppercase;
    letter-spacing: 0px;
    /* margin-top: 0px; */
    padding: 2% 4% !important;
    position: absolute;
    top: -2px;
    right: 2px;
    font-weight: 600 !important;
    z-index: 1;
}

.enc1 {
    width: 100%;
    padding: 30px;
    min-height: 90vh;
	position:relative;
	z-index:0;

}
.enc1:before {

	content: "";
    /*background: rgb(9 58 131);
    background: linear-gradient( 0.0148rad, #650606 0%, #ffffff00 60%, #0e409000 60%, #0b276000 100%);*/
    background:none;
	background-image:url(../images/consulbg.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 0;

}

.enc2 {
    width: 100%;
    padding: 30px;
    min-height: 90vh;
	position:relative;
	z-index:0;
	display:grid;
	    align-items: center;


}
.enc1:before {

	content: "";
    /*background: rgb(9 58 131);
    background: linear-gradient( 0.0148rad, #650606 0%, #ffffff00 60%, #0e409000 60%, #0b276000 100%);*/
    background:none;
	background-image:url(../images/consulbg.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 0;

}


.enc3 {
    width: 100%;
    padding: 30px;
    min-height: 90vh;
	position:relative;
	z-index:0;

}
.enc3:before {

	content: "";
    /*background: rgb(9 58 131);
    background: linear-gradient( 0.0148rad, #650606 0%, #ffffff00 60%, #0e409000 60%, #0b276000 100%);*/
    background:none;
	background-image:url(../images/hcbg.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 0;

}

.recruit {
    position: relative;
    width: 100%;
    padding: 30px 5%;
    z-index: 0;
    background: linear-gradient(3.1139rad, #e8f1f8 0%, #e8f1f800 60%, #ffffff82 60%, #ffffff00 100%);
    /* background-image: url(../images/aboutusbg.jpg); */
    /* background-repeat: repeat-x; */
    min-height: 40vh;
    display: grid;
    margin: 0 auto;
    align-items: center;
}


.services{
	position: relative;
    width: 100%;
    padding: 40px;
    z-index: 0;
    /* padding: 0; */
    /* padding: 3% 0% 5% 0%; */
    /* background: linear-gradient(3.4046rad, #e8f1f8 0%, #e8f1f8 60%, #ffffff82 60%, #ffffff00 100%); */
    /* background-image: url(../images/aboutusbg.jpg); */
    /* background-repeat: repeat-x; */
    min-height: 30vh;
    display: grid;
    margin: 0 auto;
    align-items: center;	
}

.services::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
    z-index: -1;
   /* filter: grayscale(100%) opacity(0.5);*/
}


.services:after {
    content: "";
    background: rgb(0, 0, 0);
    background: linear-gradient(3.0807rad, #ffffff 0%, #2baaaa00 40%, #ffffff00 40%, #ffffff00 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: -1;
}
.services p {
	/*color: #000 !important;
    font-size: 17px!important;
    font-weight: 300!important;
    Line-height: 31px;
    margin-top: 0px;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    padding: 0%;*/
}

.services h1{   
	/*color: #000;
    font-size: 25px!important;
    font-weight: 600!important;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: left;
    display: block;
    width: 93%;
    margin: 0px;
    margin-bottom: 4%;
    line-height: 36px;*/
}

.services h2 {
	width: 100%;
    /* float: right; */
    padding-left: 10% !important;}
	
	.services ul, ol {
  /*  margin-top: 0px;
    margin-right: 0px;
    margin-left: 25px;*/}


.services li{
	/*list-style:none; color: #000000 !important;
    font-size: 16px!important;
    font-weight: 300!important;
    Line-height: 29px;
    margin-top: 0px;
    text-align: justify;
    font-family: "Roboto Condensed", sans-serif;
    padding: 0%;*/
	}

.services li:before {
    /*content: "\f105";
    font-family: FontAwesome;
    color: #000; 
    margin-right: 7px;*/}


.serv1 {
	position:relative;
   width: 100%;
    min-height: 35vh;
    display: grid;
    align-content: center;
    align-items: center;
    padding: 0px 10%;
}

.serv1:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  opacity: 0.1;
  background-image:url(../images/austr.jpg);
    background-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
      z-index: -1;
}


.serv2 {
   width: 100%;
    min-height: 80vh;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0px;
    background: #ff9c0014;
    border-bottom: 0px solid #fff;
}

.serv2 small, h1{/* color:#FFFFFF!important; text-align:center;*/}
.serv2 logo {    display: block;    text-align: center; margin-bottom: 30px;}


.about part30{ width:30%; float:left;}
.about part40{ width:40%; float:left; position:relative}



.media{    width: 100%;
    min-height: 35vh;
    display: grid;
    align-content: center;
    align-items: center;
    padding: 0 auto;   
	 justify-content: center;}
	


.media gridset {  display: grid;
    width: 90%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 16.66%);
    margin-top: 20px;
    margin: 30px auto;}
	
.members{
		position: relative;
		width: 100%;		
		}


.members h1{ 
	width: 100%;
    color: #000;
    font-size: 27px!important;
    font-weight: 300!important;
    font-family: "Roboto Condensed"!important;
    line-height: 35px;
    text-align: left;
    /* letter-spacing: 1px; */
    /* border-top: 1px solid #000; */
    border-bottom: 1px solid #000;
    padding: 0% 3%;
}

.members h2{
color: #000;
    width: 100%;
    font-size: 23px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    /* line-height: 29px; */
    pa: 3%;
    padding: 3%;
    text-align: left;
    margin: 0 auto;
    /* text-transform: none; */

}


.membersin{
		position: relative;
		width: 100%;		
		}

.membersin:before { 
 content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    top: 0px;
    left: 0px;
    z-index: -1;
    /* background: #31281d; */
    opacity: 1;
    background: transparent url(../images/tornedgetan.png) repeat top left;
}
	
.membersin h1{ 
	width: 100%;
    color: #000;
    font-size: 27px!important;
    font-weight: 300!important;
    font-family: "Roboto Condensed"!important;
    line-height: 35px;
    text-align: left;
    /* letter-spacing: 1px; */
    /* border-top: 1px solid #000; */
    border-bottom: 1px solid #000;
    padding: 0% 3%;
}

.membersin h2{
color: #000;
    width: 100%;
    font-size: 23px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    /* line-height: 29px; */
    pa: 3%;
    padding: 3%;
    text-align: left;
    margin: 0 auto;
    /* text-transform: none; */

}
.memberlogo img {
    width: 175px;
}

.memberphoto img {
    width: 200px;
}

.memberdet icon img {
    width: 90%;
}

.memberdet h1{ 
	width: 100%;
    color: #000;
    font-size: 26px!important;
    font-weight: 300!important;
    font-family: 'Noto Sans SC'!important;
    line-height: 25px;
    text-align: left;
    /* letter-spacing: 1px; */
    padding: 0%;
}

.memberdet h2{ 
	width: 100%;
    color: #000;
    font-size: 22px!important;
    font-weight: 300!important;
    font-family: 'Noto Sans SC'!important;
    line-height: 25px;
    text-align: left;
    /* letter-spacing: 1px; */
    padding: 0%;
}

.memberdet h3{ 
	width: 100%;
    color: #000;
    font-size: 15px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 25px;
    text-align:center;
    /* letter-spacing: 1px; */
    padding: 0%;
}


accmenu {
    position: absolute;
    top: -12px;
    right: 20;
}
accmenu link{ font-size:14px; text-decoration:none; background:#000; padding:1% 2%; font-weight:500; text-transform:uppercase; display:block;}

.dockmenu{ /*background-color:#f3f5e5;*/  background-color:#f1f1f1; padding:0px; width: 16.66%;}
.dockbody{ overflow:auto; padding:20px; background-color:#ffffff;}



.brands{
	position: relative;
    width: 100%;
    margin: 0;
    padding: 20% 10% 10% 10%;
    /* padding: 8% 0% 0% 0%!important; */
    /* margin-top: 2%;*/
	 background:linear-gradient(174deg, rgb(30 0 1) 0%, rgb(30 0 1) 30%, rgb(34 0 1 / 0%) 30%, rgb(32 0 1 / 0%) 100%);
	/*background-image: url(../images/brandsbg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;*/
	
}

.brands::before {
    /*content: "";
    background: linear-gradient(0deg, rgb(255 255 255/ 0.5) 0%, rgb(255 255 255 / 73%) 50%, rgb(255 255 255 / 73%) 50%, rgb(255 255 255) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
/*    opacity: 0.2;
    z-index: 0;*/}

.brands p {
    color: #5b5d1b !important;
    font-size: 16px;
    font-weight: 400;
    Line-height: 24px;
    margin-top: 0px;
    text-align: left; 
    font-family: "Roboto Condensed", sans-serif;
	position:relative;
}

.brands small{
color: #000 !important;
font-size: 90% !important;
font-weight: 100 !important;
font-family: "Roboto Condensed", sans-serif !important;
text-align: center;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
text-transform: uppercase;
}

.brands h1{
	position: relative;
    color: #000;
    font-size: 28px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed", sans-serif!important;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 3%;
    width: 100%;
}


.brands h1:before {
    display: inline-block;
    margin: 0 20px 8px 0;
    height: 2px;
    content: " ";
    text-shadow: none;
    background-color: #000;
    width: 140px;
}

.brands h1:after {
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 2px;
    content: " ";
    text-shadow: none;
    background-color: #000;
    width: 140px;
}

.brands set {
	position: relative;
    width: 15%;
    text-align: center;
    float: left !important;
   /* padding: 1%;*/
    background: #ffffff;
       margin-right: 5%;
    margin-top: 0;
    margin-bottom: 10px;
    z-index: 1;
    height: auto;
    border: 1px solid #f3ece3;
}
.brands set img{     width: auto;    height: 100px;}

.brands set  bor{
    display: block;
    width: 50px;
    height: 3px;
    margin: 0 auto !important;
    background: #000;
    transform: rotate(90deg);
    margin-bottom: 8% !important;
}

.brands set h1{   
    color: #000;
    font-size: 20px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.brands set h1::after {
    display:none;
    margin: 0 0 8px 0px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #fed586;
    width: 140px;
}


.brands set h2{
	color: #5b5d1b!important;
    width: 100%;
    font-size: 18px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 21px;
    padding: 1% 0;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 4px;
	text-align:left;
}

.brands but a {
	width: auto;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    border: solid 1px #5b5d1b !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 3%;
    font-family: "Noto Sans";
    background: none;
    display: inline;
    float: left;
    margin-right: 1% !important;
    margin-top: 0px !important;
    background: #5b5d1b;
}




.brands parta {
 	position:relative;
	width: 100%;
    background: url(../images/partaimg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 600px;
/*    background: #000;*/
    display: block;
    padding: 8%;
	    margin-bottom: 5%;
	}


.brands parta:before {
  content: "";
    background: rgb(0,0,0);
    background:linear-gradient(186deg, rgb(255 153 0 / 80%) 0%, rgb(254 219 147 / 0%) 40%, rgb(239 239 239 / 0%) 60%, rgb(239 239 239 / 0%) 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 9;
    display: block;
    z-index: 0;
}

.brands parta small{
	color: #000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: "Roboto Condensed", sans-serif !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    margin-bottom: 2% !important;
	}
	
.brands parta small:after {
    display: inline-block;
    margin: 0 0 8px 0px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #fed586;
    width: 140px;
}
.brands parta h1{ 
	color: #000;
    font-size: 28px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed", sans-serif!important;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    width: 100%;
	}

.brands parta but { width:100% !important;}
.brands parta but a {
 bottom: 0px;
    right: 0px;
    width: auto !important;
    margin: 0px !important;
    font-size: 14px;
    font-weight: 400;
    border: none;
    font-size: 15px;
    color: #fff !important;
    position: relative;
    padding-left: 27px;
    letter-spacing: 2px;
    display: block;
    transition: color 0.3s,transform 0.3s;
    /* margin: 1% 0 5% 0 !important; */
    text-align: left;
    border: 0px !important;
    background: #000;
}
.brands parta but a:before {
    content: '\2192';
    font-weight: normal;
    line-height: 1;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
	color: #fff;
}
.brands parta but a:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    text-decoration: none !important;
}


.brands partb {
 	position:relative;
	width: 100%;
    background: url(../images/partbimg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 600px;
/*    background: #000;*/
    display: block;
    padding: 8%;
	}
	

.brands partb:before {
  content: "";
    background: rgb(0,0,0);
    background: linear-gradient(146deg, rgb(255 153 0) 0%, rgb(254 219 147) 40%, rgb(239 239 239 / 0%) 60%, rgb(239 239 239 / 0%) 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 9;
    display: block;
    z-index: 0;
}

.brands partb small{
	color: #000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: "Roboto Condensed", sans-serif !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    margin-bottom: 2% !important;
	}
	
.brands partb small:after {
    display: inline-block;
    margin: 0 0 8px 0px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #fed586;
    width: 140px;
}
.brands partb h1{ 
	color: #000;
    font-size: 28px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed", sans-serif!important;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    width: 100%;
	}
.brands partb but { width:100% !important;}
.brands partb but a {
  bottom: 0px;
    right: 0px;
    width: auto !important;
    margin: 0px !important;
    font-size: 14px;
    font-weight: 400;
    border: none;
    font-size: 15px;
    color: #fff !important;
    position: relative;
    padding-left: 27px;
    letter-spacing: 2px;
    display: block;
    transition: color 0.3s,transform 0.3s;
    /* margin: 1% 0 5% 0 !important; */
    text-align: left;
    border: 0px !important;
    background: #000;
}
.brands partb but a:before {
    content: '\2192';
    font-weight: normal;
    line-height: 1;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
	color: #fff;
}
.brands partb but a:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    text-decoration: none !important;
}
	
	
	

.brands partc {
 	position:relative;
	width: 100%;
    background: url(../images/partcimg1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 600px;
/*    background: #000;	margin-top:10%;*/
    display: block;
    padding: 8%;

	}

	

.brands partc:before {
  content: "";
    background: rgb(0,0,0);
    background:linear-gradient(173deg, rgb(255 153 0 / 0.8) 0%, rgb(254 219 147 / 0%) 40%, rgb(239 239 239 / 0%) 60%, rgb(239 239 239 / 0%) 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 9;
    display: block;
    z-index: 0;
}

.brands partc small{
	color: #000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: "Roboto Condensed", sans-serif !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    margin-bottom: 2% !important;
	}
	
.brands partc small:after {
    display: inline-block;
    margin: 0 0 8px 0px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color:#fed586;
    width: 140px;
}
.brands partc h1{ 
	color: #000;
    font-size: 28px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed", sans-serif!important;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    width: 100%;
	}
	
.brands partc h2 {

}
	
.brands partc but { width:100% !important;}
.brands partc but a {
	bottom: 0px;
    right: 0px;
    width: auto !important;
    margin: 0px !important;
    font-size: 14px;
    font-weight: 400;
    border: none;
    font-size: 15px;
    color: #fff !important;
    position: relative;
    padding-left: 27px;
    letter-spacing: 2px;
    display: block;
    transition: color 0.3s,transform 0.3s;
    /* margin: 1% 0 5% 0 !important; */
    text-align: left;
    border: 0px !important;
    background: #000;
}
.brands partc but a:before {
    content: '\2192';
    font-weight: normal;
    line-height: 1;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
	color: #fff;
}
.brands partc but a:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    text-decoration: none !important;
}


.clients gridset {
    padding: 0 1%;
    padding: 0;
    padding: 0 px;
    margin-top: 40px;
    display: grid;
    width: 100%;
    gap: 0px;
    grid-template-columns: repeat(auto-fit, 5%);
    grid-template-columns: repeat(auto-fit, 50%);
    justify-content: center;
}






.highlights{
    position: relative;
    width: 100%;
    padding: 20px 80px;
    z-index: 0;
    /* padding: 0; */
    /* padding: 3% 0% 5% 0%; */
    /* background: linear-gradient(90deg, rgb(255 222 173 / 29%) 0%, rgb(255 227 184 / 5%) 50%, rgb(255 222 174 / 12%)50%, rgb(255 224 179 / 22%) 100%); */
    /* background-image: url(../images/aboutusbg.jpg); */
    /* background-repeat: repeat-x; */
    min-height: 80vh;
    display: grid;
    align-items: center;
    align-content: center;
}

.highlights gridset {
    gap: 4rem;
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,30%);
	margin-top: 40px;
}

.highlights gridset set {
       width: 100%;
    display: grid;
    align-content: baseline;
    align-items: center;
    justify-content: normal;
}
.highlights gridset pic{
    width: 100%;
    height: 350px;
    display: block;
    background: #ffff;
    position: relative;
}

.highlights gridset set cont {
    position: absolute;
    bottom: 0;
    padding: 20px 30% 20px 20px;
}
.highlights gridset pic:before {
    content: "";
    background: rgb(9 58 131);
    background: linear-gradient( 0.0148rad, #650606 0%, #ffffff00 60%, #0e409000 60%, #0b276000 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 9;
    z-index: 0;
}

.highlights gridset set a pic:hover::before {
    content: "";
    background: rgb(9 58 131);
    background: linear-gradient( 3.1269rad, #dab22a6b 0%, #f8ca2f2b 60%, #0e409000 60%, #0b276000 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 9;
    z-index: 1;
}



.news{
   position: relative;
   width: 100%;
   margin: 0; 
       padding: 4% !important;
	   background: linear-gradient(180deg, rgb(255 238 212) 0%, rgb(255 244 229 / 76%) 50%, rgb(255 244 228 / 62%) 50%, rgb(255 244 229 / 0%) 100%);
}


.news p {
    color: #000 !important;
    font-size: 14px;
    font-weight: 400;
    Line-height: 24px;
    margin-top: 0px;
    text-align: left; 
    font-family: "Roboto Condensed", sans-serif;
}

.news small{
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    font-family: "Roboto Condensed" !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    text-transform: uppercase;line-height: 27px;
}

.news h1{
   
  position: relative;
    color: #000;
    /* width: 320px; */
    font-size: 32px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    /* line-height: 50px; */
    text-align: left;
    margin: 0 auto;
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
    /* background: #fff; */
    padding: 0;
    width: 100%;
}

.news h1::after {
/*	    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.6;
    z-index: 1;
    width: 100px;
    height: 138px;
    border: solid 3px #e9cba1;*/
	}

.news .triangle{
	position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    border-style: solid;
    margin-left: -16px;
    border-width: 16px 16px 0 16px;
    border-color: #31281d transparent transparent transparent;
}

.news bor {
    display: block;
    width: 120px;
    height: 3px;
    background: #e9cba1;
    margin-bottom: 0% !important;
    text-align: left;
}



.whyus{
     position: relative;
    width: 100%;
    margin: 0;
    z-index: 0;
    min-height: 50vh;
    display: flex;
    padding: 0;
    border-top: 0px solid #ccc;
    background: #80d3ff;
	    align-items: flex-end;
		align-items: center;
    /* align-items: center; */
    /* align-content: center; */
    /* justify-content: center; */
    /* background: #ffffff;
    /* align-items: center; */
    /* align-content: center; */
    /* justify-content: center; */
    /* background: #ffffff; */
    /* align-content: flex-end;
	/*background:none;
	background-image:url(../images/whyusbg.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;*/
}

.whyus:before {
  /* content: "";
    background-image: url(../images/whyusbfr.png);
    background-position: 50% 50%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    margin: auto;
    z-index: -1;
    opacity: 1;
    transform: scale(1);
    rotate: rotate: 30deg;
    rotate: 1 1 0 0deg;*/
}

.whyus h1 {
    font-size: 50px !important;
    line-height: 55px !important;}
	
.whyus gridset {
    display: grid;
    width: 100%;
	 min-height: 50vh;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 33%);
    justify-content: center;
}

wyhd {
	position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 20vh !IMPORTANT;
    display: grid;
    align-items: center;
    align-content: center;
    justify-content: center;
}

wyhd:before {
	/*content: "";
   background-image:url(../images/picwall.jpg);
   background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
	margin:auto;*/
	
   
	}
	


.whytxt {
	position:relative;
    width: 100%;
    margin: 0 auto;
}

.whytxt:before {
	/*content: "";
    background-image: url(../images/whyusarc.png);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 80%;
    height: 100%;
    position: absolute;
    top: -100%;
    right: 0;
    margin: auto;
    z-index: -1;
    left: 0;*/
	}
.whyus since{ position:relative; width:100%;}
.whyus sincepic {    position: absolute;    top: 0;    background: #0280bd;  padding: 4%;    width: 260px;    height: 260px;    left: 0;}
.whyus sincepic img{ width:auto; height:auto;} 
.whyus set {    position: relative;
    width: 100%;
    display: grid;
    /* float: left; */
    /* margin-bottom: 0%; */
    /* height: 12vh; */
    align-items: center;
    align-content: flex-start;
    justify-content: center;
    padding: 50px 30px;
    border: 1px solid #ffffff; border-width: 0px 0 0 1px;}
.whyus set icon{     width: auto;
    /* position: absolute; */
    top: -61px;
    /* text-align: left; */
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-bottom: 20px;}
.whyus set  p {    text-align: center !important;}

.whyus set icon .fa{ color:#2d3036;}
.whyus set img{     width: auto;    height: 100px;    /* background: #fafafa;*/}
.whyus set cont{width: 95%;  position:absolute;    top: 0; right: 0;}
.whyus set cont h1{color: #000;    font-size: 18px!important;    font-weight: 500!important;    padding: 0px;    font-family: "Roboto Condensed", sans-serif;
text-align: left;    display: block;    width: 100%;    margin: 0px !important;    line-height: 28px;}
.whyus set cont p {color: #000 !important;    font-size: 15px!important;    font-weight: 100!important;    Line-height: 24px;    margin-top: 0px;    text-align: justify;    font-family: "Roboto Condensed", sans-serif;    padding: 0%;    margin-top: 14px;}


.expertise{
    position: relative;
    width: 100%;
    z-index: 0;
	text-align:center;
    /* padding: 0; */
    /* padding: 3% 0% 5% 0%; */
    /* background: linear-gradient(90deg, rgb(255 222 173 / 29%) 0%, rgb(255 227 184 / 5%) 50%, rgb(255 222 174 / 12%)50%, rgb(255 224 179 / 22%) 100%); */
    /* background-image: url(../images/aboutusbg.jpg); */
    /* background-repeat: repeat-x; */
    min-height: 90vh;
    display: grid;
    align-items: center;
    align-content: end;     padding-top: 30px;}

.expertise p { text-align:center;
    width: 70%;
    margin: 0 auto;
}
	

.expertise but a {
    width: auto;
    text-align: center;
    /* margin: 0 auto; */
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 100;
    border: solid 0px #52635200 !important;
    /* margin: 0px !important; */
    text-transform: uppercase;
    padding: 10px 20px;
    font-family: "Noto Sans";
    background: none;
    display: inline;
    /* float: left; */
    /* margin-right: 1% !important; */
    /* margin-top: 30px !important; */
    background: #549c5300;
    border-radius: 20px;
    text-decoration: none!important;
}

.expertise gridset {
      display: grid;
    width: 100%;
    gap: 3rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,31.7%);
	margin-top:20px;
	
}
.expertise gridset set {
    width: 100%;
    display: grid;
    /* float: left; */
    align-content: flex-start;
    align-items: center;
    justify-content: center;
	    background: #00a9e2;
}
.expertise gridset set pht{
	width: 100%;
	height: 290px;
    display: grid;
    align-items: end;
	position:relative;
	}
.expertise gridset set pht:before {
    content: "";
    background: rgb(9 58 131);
    background: linear-gradient( 0.0148rad, #00a9e2 0%, #00a9e200 60%, #ffffff00 60%, #0b276000 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 9;
    z-index: 0;
}
.expertise gridset set phth3 {   z-index: 1 !important;}

.expertise set p {
    text-align: center;
    width: 80%;
    margin: 20px auto;
    color: #fff !important;
}

.expertise set but {    margin-bottom: 30px;}

.blogs {
    position: relative;
    width: 100%;
    padding: 20px 80px;
    z-index: 0;
    /* padding: 0; */
    /* padding: 3% 0% 5% 0%; */
    /* background: linear-gradient(90deg, rgb(255 222 173 / 29%) 0%, rgb(255 227 184 / 5%) 50%, rgb(255 222 174 / 12%)50%, rgb(255 224 179 / 22%) 100%); */
    /* background-image: url(../images/aboutusbg.jpg); */
    /* background-repeat: repeat-x; */
    min-height: 30vh;
    display: flex;
    align-items: center;
    align-content: center;
}


.blog{
    position: relative;
    width: 90%;
    margin: 0 auto;
    z-index: 0;
    min-height: 50vh;
    padding: 0px;
    border-top: 0px solid #ccc;
    display: flex;

	/*    display: grid;
    gap: 1rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,50%);
	    align-items: center;
    align-content: center;
    justify-content: center;*/
}

.blogslider {
    display: block;
    z-index: 0;
    position: relative;
}



.projects{
    position: relative;
    width: 100%;
   margin: 0; 
}

.projects set {    
	width: 32%;
    display: block;
    float: left;
    margin-bottom: 5%;
    height: 400px; margin-right:1%;}
	
.projects set icon{ width:100%;}
.projects set img{ width:100%;}
.projects set h1{}

.projects h1 {
/*    position: relative;
    color: #000;
    font-size: 28px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 8px;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 19%;
    width: 100%;
    padding-top: 5;
*/}

.projects h1::after {
	/*    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.6;
    z-index: 1;
    width: 100px;
    height: 138px;
    border: solid 3px #000;*/
	}
.projects .triangle{
	/*position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 99;
    border-style: solid;
    margin-left: -16px;
    border-width: 16px 16px 0 16px;
    border-color: #ffffff transparent transparent transparent;*/
}

.projects h1::after {
	/*    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.6;
    z-index: 1;
    width: 100px;
    height: 138px;
    border: solid 3px #000;*/
	}
.projects but {
    width: 30%;
    display: inline;
    font-size: 15px;
    border: 1px solid #000;
    padding: 1%;
    color: #000;
    float: left;
	margin-top:0px;
    MARGIN-RIGHT: 8px;
    margin-bottom: 9px;
    min-height: 85px;
}



.subscribe{
    position: relative;
    width: 100%;
   margin: 0; 
   padding: 2%;
}

.subscribe .triangle{
	position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 99;
    border-style: solid;
    margin-left: -16px;
    border-width: 16px 16px 0 16px;
    border-color: #ffffff transparent transparent transparent;
}


.subscribe p {
    color: #035273 !important;
    font-size: 18px;
    font-weight: 400;
    Line-height: 29px;
    margin-top: 0px;
    text-align:center; 
    font-family: "Roboto Condensed", sans-serif;
}



.subscribe h1{   
      color: #000;
    font-size: 25px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* border: 1px solid #ccc; */
    /* background: #fff; */
    /* padding: 0% 1%; */
}

.subscribe but { width: 300px;
    display: inline;
    margin: 0 auto;
    display: inline;
    font-size: 25px;
    color: #000;}

.subscribe but a{
	width: 300px;
    margin: 0 auto;
    display: inline;
    padding: 1%;	
	 text-align: center;
	 color: #000; 
	 text-decoration: none;
	 border: solid 1px #000; 
    text-transform: uppercase;
	font-family: "Noto Sans";  
	background: none;}

.subscribe but a:hover{ border: solid 1px #ccc;color: #ccc;text-decoration: none;}

.subscribe li{
width:auto;
float:left;
padding:0 5%!important;
list-style:none;
display:block;
color: #8c8e90;
}
.subscribe li:before {
    content: ""!important;
    font-family: FontAwesome;
    color: #000; /* or whatever color you prefer */
    margin-right: 7px;}

.subscribe li a{
font-family:"Roboto Condensed"!important;
color:#333;
font-size:100%;
font-weight:100;
text-decoration:none;
padding-bottom:0%;
text-transform:uppercase;}

.subscribe li a:hover{
text-decoration:none;}

.subscribe .form-control {    color: #000; font-size:18px; font-weight:500;   border-radius: 25px!important;    background: #ffff!important;}

.subscribe .btn-danger {
	width: auto;
    background: #59c31f!important;
    border: 1px solid #59c31f!important;
    border-radius: 50px !important;
    border-radius: 20px !important;
    ont-weight: 400!important;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 0px;
    /* margin-top: 0px; */
    padding: 2% 4% !important;
    position: absolute;
    bottom: 27px;
    right: 20px;
    font-weight: 600 !important;
}


.img-grid {
    min-height: 400px;
}

.img_text_w3ls {
    position: absolute;
}


.img1 {
    background: url(../images/img1.jpg) center no-repeat;
    padding: 0;
    background-size: cover;
    position: relative;
    z-index: 1;
	height:300px;
}


.img-grid:hover.img1:after {
    background: rgba(0, 0, 0, 0.8);
}

.img1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.0);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    z-index: -1;
    overflow: hidden;
}



price{   
 color: #a10b0c;
    width: 100%;
    font-size: 24px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;

    text-align: center;
    margin: 0 auto;
    /* text-transform: uppercase;     line-height: 30;*/
    letter-spacing: 1px;
    display: block;

}

price1{   
     color: #39a725;
    width: 100%;
    font-size: 20px!important;
    font-weight: 400!important;
    font-family: "Roboto Condensed"!important;
    line-height: 19px;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    padding-left: 6%;

}

.pricing1i ul,ol,li {
    margin: 0;
    padding: 0;
}


.pricing1i li{    
	padding-left: 1em;
    text-indent: 0em;
    line-height: 1.5em;
    color: #000 !important;
    font-size: 15px!important;
    font-weight: 400;
    font-family: "Roboto Condensed", sans-serif;
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
	}
	
.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);
}

 bor{
	/* display: block;
    width: 120px;
    height: 4px;
    margin: 0 auto !important;
    background: #b93732;
    margin-bottom: 2% !important;
	background: linear-gradient(to right, #c2332d 0%,#be302a 50%,#003D79 50%,#003D79 100%);
    text-align: left;
   margin-top: .5% !important;; */	
	display: block;
    width: 120px;
    height: 3px;
    background: #e9cba1;
    text-align: left;
}

 bor1{
    display: block;
    width: 80px;
    height: 1px;
    /*margin: 0 auto !important;*/
    background: #97cbe2;
    margin-bottom: 5% !important;
    /* text-align: left; */
    margin-top: .5% !important;
}

 bor2{
    display: block;
    width: 80px;
    height: 1px;
   /* margin: 0 auto !important;*/
    background: #97cbe2;
    margin-bottom: 2% !important;
    text-align: left;
    margin-top: .5% !important;
}





.divider{
display: block;
padding: 0;
width: 275px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
color: transparent;
background-color: transparent;
border-top: none;
margin: 10px auto;
margin-bottom: 2%;}

.divider::before {
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 95px;
    border-bottom: 3px solid;
    color: #fff;
    z-index: 5;}
	
.divider.text-primary::before {
    color: #F2503B;}
	
	.divider.text-primary1::before {
    color: #ccc;}




.gallery {
position:relative;
padding:0%;
width:100%;
background: #2f97bce3;
}

.gallery::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/galbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.3;
    z-index: -1;
    filter: grayscale(100%) opacity(0.5);
}
.gallery:after {
    content: "";
    background: rgb(0, 0, 0);
    background: linear-gradient(3.0807rad, #ffffff 0%, #2baaaa00 40%, #ffffff00 40%, #ffffff 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: -1;
}
.gallery bor {
    display: block;
    width: 120px;
    height: 3px;
    background: #e9cba1;
    margin-bottom: 2% !important;
    text-align: center;
    margin: 0 auto;
}

.gallery .triangle{
	position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    border-style: solid;
    margin-left: -16px;
    border-width: 16px 16px 0 16px;
    border-color: #fff transparent transparent transparent;
}

.gallery .triangle-white{
	position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    border-style: solid;
    margin-left: -16px;
    border-width: 16px 16px 0 16px;
    border-color: #fff transparent transparent transparent;
}

.gallery h1{
font-family:"Roboto Condensed";
color: #000;
    font-size: 28px!important;
    font-weight: 400!important;
    line-height: 50px;
    text-align:center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.gallery p{
	font-size: 21px;
    font-style: italic;
    font-family: "Noto Sans";
    font-weight: 300;
    color: #fff;
    padding: 3% 9%;
    color: #000 !important;
    line-height: 31px;
    text-align: center;
}

.gallery a{ color:#fff !important; text-decoration:none!important;}
.gallery a:hover{ color:#fff !important; text-decoration:none!important;}


.testimonials {    
	    width: 100%;
    min-height: 55vh;
   display: grid;
    align-content: center;
    align-items: center;
    margin: 0 auto;
    background: #cccccc1a;
	    padding: 0px 10%;    position: relative;
    z-index: 0;
	}
	 


.testimonials small {
      width: 60% !important;
    font-size: 18px;
    font-weight: 200;
    color: #000;
    letter-spacing: 1px;
    /* margin: 0 auto !important; */
    padding-bottom: 10px !important;
    display: block;
}

.testimonials  gridset {
       position: relative;
    padding: 0;
    width: 100%;
    display: grid;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,100%);
    align-items: end;
    min-height: 80vh;
    border-bottom: 1px solid #ccc;
    z-index: 0;
}

.testimonials  gridset set{     position: relative;
    width: 60%;
    padding: 40px;
    margin: 0 auto;}


.testimonials txttestm {
    display: block;
    position: relative;
    width: 70%;
    margin: 0 auto;
    /* text-align: center; */
    margin-top: -80px;
    padding: 50px;
}

.testimonials vdeotestm {
	position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    margin-top: 60px;
    display: block;
}

.testimonials vdeotestm  vdo { position: relative;    display: inline-flex;}

.testimonials vdeotestm  vdo  pic {
    filter: grayscale(100%);
    opacity: 0.5;
}

.testimonials vdeotestm  vdo  pic:hover {
    /* list-style: ethiopic-halehame; */
    filter: grayscale(0%);
    opacity: 1;
}

.testimonials vdeotestm  vdo icon {
    /* width: 100%; */
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 40%;
    left: 0;
}

.testimonials :before {
	/*content: "";
    background-image: url(../images/picwall.jpg);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 70%;
    height: 70%;
    position: absolute;
    top: 0%;
    left: 0;
    z-index: -1;*/
	}
.testimonials set{ display:block;}




.testimonials bor {
    display: block;
    width: 120px;
    height: 3px;
    background: #e9cba1;
    margin-bottom: 2% !important;
    text-align: center;
    margin: 0 auto;
}

.testimonials .triangle{
	position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    border-style: solid;
    margin-left: -16px;
    border-width: 16px 16px 0 16px;
    border-color: #fff transparent transparent transparent;
}

.testimonials .triangle-white{
	position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    border-style: solid;
    margin-left: -16px;
    border-width: 16px 16px 0 16px;
    border-color: #fff transparent transparent transparent;
}


.testimonialtvideos {
    position: relative;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height: 45vh;
}

.why {
    position: relative;
    padding: 0;
    width: 100%;
   display: grid;
   grid-template-columns: repeat(auto-fit, 100%);
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height: 45vh;
    border-bottom: 0px solid #cccccc78;
    padding-top: 0;
}

.why gridset {
    display: grid;
    width: 100%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 33.33%);
	margin: 0 auto;
}

.why set {
    width: 100%;
    display: grid;
    /* float: left; */
    align-content: center;
    align-items: center;
    justify-content: center;
	text-align: center;
    min-height: 45vh;
	    padding: 30px;
}

.why set icn img {
    width: 100px;margin-bottom: 20px;
}

.export {
    position: relative;
    padding: 0 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height:50vh;
    border-bottom: 0px solid #cccccc78;
    padding-top: 0;
}


.export::before {
       content: "";
    position: absolute;
    top: 0%;
    left: -20%;
    right: 0;
    bottom: 0;
    background-image: url(../images/map.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    opacity: .5;
    z-index: -1;
    /* filter: grayscale(100%) opacity(0.5); */
    width: 90%;
}
.support {
      position: relative;
    padding: 0 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height: 80vh;
    border-bottom: 0px solid #cccccc78;
    padding-top: 0;
/*	background: linear-gradient(4.6211rad, #ffec88 0%, #fded97 35%, #feec8d 35%, #ffffff00 100%);*/
	background-color: #2f97bcde;
}

.support .form-control {    border: 1px solid #ffffff !important;}
.support label {    color: #ffffff;}
.support h1 {}

.support:before {
 /*      content: "";
    background-image: url(../images/curvearrow.png);
    background-position: 50% 50%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 35%;
    left: 0;
    margin: auto;
    z-index: 0;
    opacity: 1;
    transform: scale(1);
    rotate: rotate: 30deg;
    rotate: 0 0 0 0deg;*/
}

.support:after {

    /* background-position-x: 0%; */
    /* background-position-y: 0%; */
		content: "";
    background-image: url(../images/mailline.png);
    background-position: 100% 0%;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 52%;
    right: 0;
    margin: auto;
    z-index: -1;
    opacity: 1;
    transform: scale(1);
    rotate: 0 0 0 0deg;
}


.support  arrw {
    display: block;
    text-align: right;
    margin-right: -40px;
    margin-top: 20px;
}

.clients{
    display: grid;
	width:100%;
    height: 90vh;
    align-content: center;
    /*justify-content: center;*/
    background: #f5f5f5;}

.clients h1 {
    font-size: 42px;
    margin: 0px;
    text-align: center;
    font-family: "Roboto Condensed"!important;
}
.clients h2 {
   font-size: 31px !important;
    margin: 0px;
    text-align: center;
    font-family: "Roboto Condensed"!important;
    color: #000 !important;
}

.clients bor {
    display: block;
    width: 120px;
    height: 3px;
    background: #f9bc02;
    /* margin-bottom: 2% !important; */
    margin: 10px auto;
}

.clients gridset {position: relative;
    padding: 0 15%;
	margin-top:70px;
    display: grid;
    width: 100%;
    gap: 0px;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 33%);
    justify-content: center;}   

.clients gridset set {    width: 100%;    display: grid;    float: none;    text-align: center;    align-content: center; justify-content: center;   padding: 20px;}

.ticker {
    background: #fff;
    padding: 1% 3%;
	border-bottom: 1px solid #f2f2f2;
}



.contact{
    width: 100%;
    padding: 40px;
    min-height:30vh;
    display: flex;
    align-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

.contact::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/minerals5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
    z-index: -1;
    filter: grayscale(100%) opacity(0.5);
}


.contact:after {
    content: "";
    background: rgb(0, 0, 0);
    background: linear-gradient(3.0807rad, #ffffff 0%, #2baaaa00 40%, #ffffff00 40%, #ffffff 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: -1;
}
.contact h1 {
    color: #06465d !important;
    font-size: 60px !important;
    line-height: 62px !important;
    font-weight: 200 !important;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif !important;
    display: block;
    width: 100%;
    margin: 0px !important;
    margin-bottom: 10px !important;}

.contact gridset {
	display: grid;
    width: 100%;
    gap: 2rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 10px;
    align-items: center;
}
.contact set {
    width: 100%;
    display: grid;
    /* float: left; */
    align-content: center;
    align-items: center;
    justify-content: normal;
}


.footer{
      position: relative;
    width: 100%;
    min-height: 70vh;
    margin: 0 auto;
    padding: 1%;
    font-family: "Roboto Condensed" !important;
    color: #fff;
    font-size: 100%;
    font-weight: 100;
    text-decoration: none;
    background: #2f97bc;
    padding: 30px 15px;
    border-top: 0px solid #0b3800;
    display: flex;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #2f97bc;
    margin: 0 auto;
    padding-top: 60px;
}

.footer p, h1, h2, h3 { color:#fff; }
.footer .social {
    display: flex;
    width: 130px;
    gap: 2rem;
    justify-content: flex-start;
    margin: 0;
}

.footer logo {
    margin-bottom: 20px !important;
    /* font-size: xx-large; */
    display: block;
}

.footer logo img {    width: 100px;}

.footer part30 {
    width: 20%!important;
    float: left;
}
.footer part70 {
    width: 80%!important;
    float: left;
}


.footer a {
       color: #fff ;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
}
.footer a:hover {
    color: #7acdeb;
   font-weight: 400;
}

.footer bor1 {
    display: block;
    width: 75px;
    height: 5px;
  /*  margin: 0 auto !important;*/
    background: #fff;
    margin-bottom: 2% !important;
    text-align: left; !important; 
}




.footer  small {
  font-size: 12px!important;
    color: #fff!important;
    font-weight: 300!important;
    margin-top: 2%;
    display: block;
}


.footerlogo {
    padding:1%!important; text-align:center;
}

.desaturate {
	filter: grayscale(100%);
}
.footerlogo img{ width:180px;}

.footer li{
    font-family: "Roboto Condensed"!important;
    width: 100%;
    float: right;
    padding: 0 1%;
    list-style: none;
    display: block;
    color: #000;
    line-height: 28px;
    padding-bottom: 1%;
    font-size: 19px;
	font-weight: 300;
}

.footer li a{
    font-family: "Roboto Condensed"!important;
    width: 100%;
    float: right;
    padding: 0 1%;
    list-style: none;
    display: block;
    color: #000;
    line-height: 28px;
    padding-bottom: 1%;
    font-size: 19px;
	font-weight: 300;
}

.footer li a:hover{
text-decoration:underline;}


cards{ width:100%; display:block; text-align:center; padding:1%; border-bottom:1px solid #000; border-top:1px solid #000;}
cards img {   width: 280px;}
	
.sep{
padding:2% 0;
border-bottom:#fff solid 1px;}

.iso{ display:block; text-align:center;}
.iso img {    width: 300px; }

.copyrights{
  	width: 100%;
    display: flex;
    text-align: left;
    color: #fff;
    font-size: 18px !important;
    font-weight: 300;
    font-family: "oboto Condensed";
    padding: 30px 10px;
    border-top: 1px solid #fbfffb8a;
    background: #2f97bc;
    margin: 0 auto;
	}
.copyrights p{
	    color: #fff !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    font-family: "Roboto Condensed" !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
}

.copyrights a{	    color: #000 !important; font-weight: 300;}

.copyrights small{ color:#000; font-weight:400;  }

.clear {
	clear: both;	
}

#map {
 width: 100%;
 height: 450px;}
 #map1 {
 width: 100%;
 height: 300px;}

 #map-canvas {
  width: 100%;
	height: 200px;
	background: #fafafa;
}
#iw_container .iw_title {
	font-size: 16px;
	font-weight: bold;
}
.iw_content {
	padding: 15px 15px 15px 0;
}

.sticky{
  width:100%;
 /* position:absolute;*/
  z-index:10;
}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
   /* background: #a90915;*/
   background:#fff;
    color: #000;
    z-index: 99;
   /*  border-top: solid 1px rgba(0, 0, 0, 9);
    border-bottom: solid 1px rgba(162, 162, 162, .2);
  -webkit-background-clip: padding-box;
    background-clip: padding-box;
	border-bottom: solid 1px rgba(162, 162, 162, .2);
    padding: 2%;*/
	/*-webkit-box-shadow: -1px 21px 15px -9px rgb(0 0 0 / 22%);
-moz-box-shadow: -1px 21px 15px -9px rgb(0 0 0 / 22%);;
box-shadow: -1px 21px 15px -9px rgb(0 0 0 / 22%);;*/
}


.fixed-header .set1{    border-bottom:0px !important;   background: #ffffff;    padding: 10px !important;    display: flex;    align-items: center;    align-content: center;}
.fixed-header .logo{ /*width:30%!important; padding: 2px; float:left;*/ text-align:center; margin-top:0px;}
.fixed-header .logo h1{ color: #3e4656!Important;    display: grid;    align-content: center;    font-weight: 400 !important;     margin: 0px !important;}
.fixed-header .logo img {    top: auto;
    width: 60px;
    position: relative;
    filter: grayscale(0%);
    margin-top: 0px !important;
    left: auto;
    margin-right: 0;}
.fixed-header logobg{ display:none;}
.fixed-header .enquiry but { }
.fixed-header submenus {    margin-top: 14px;}
.fixed-header  .menu img {    position: absolute;    right: 20px;    top: -60px;}
.fixed-header logobg:before{    background-image:none!important;     /*content: "";
    background-image: url(../images/logobg.png);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 120px;
    height: 150px;
    position: absolute;
    left: 29%;
    top: -50px;
    opacity: 1;
    z-index: 0;*/}
.fixed-header logo { display: none;}
.fixed-header logofixhead{ display:block;     text-align: left;}
.fixed-header .set2 {    /* position: absolute; */    float: right;    width: 70%;    display: block;  padding:2% !important; }
.fixed-header .menu{/* width:70%!important;    padding: 2% !important;*/ }
.fixed-header .enquiry img {  /*  background: #000;    width: 101px;*/}
.fixed-header .call{ }
.fixed-header .call span { color: #103d98!important; margin-top:0px;}
.fixed-header but a { /*margin-top:10px; color: #000 !important;    border: 1px solid #000 !IMPORTANT;*/}
.fixed-header .wsdownmenu-list > li > a {    color: #175268 !important; }
.fixed-header .wsdownmenu-list > li > a:hover { color:#2f97bc!important; }
.fixed-header .header {/* margin-top: 15px;*/}
.fixed-header .since img {	width:auto;	height:80px;}
.fixed-header .fa {margin-top: 15px; }

.fixed-header .margin-top5 {    margin-top: 0px !important;}

#backTop{`
    width:35px;
    height:35px;
    padding:10px;
   border-radius:50px;
    text-indent:-9999px;
    cursor:poRoboto Condensed;
    z-index:999999999;
	display:none;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;}

#backTop.white{
     background:url(../images/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
    border:1px solid #ccc;
}
#backTop.black{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(26, 27, 26,0.8); 
   /* border:1px solid #ccc;*/
}
#backTop.red{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(217,97,81,0.9); 
    border:1px solid #fff;
}
#backTop.green{
     background:url(../images/uparr-48-b.png) no-repeat center center rgba(81,217,187,0.9); 
    border:1px solid #fff;
}

/*---------------Innerpages-----------------*/



/*--------------------------contact------------------*/




@media only screen and (min-width: 320px) and (max-width: 480px) {


#wrapper{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	overflow: hidden;
	}
#popup { width: 100%!Important; } 
#popup h1 {    padding-bottom: 40px!Important;    font-size: 21px;    font-weight: 600;}

.flex {
    display: flex!important;
    flex-direction: column;
}

h1 {    font-size: 55px!important;}
h2 {    font-size: 33px!important;}
	
.top{
  /*  width: 100%;
    padding: 0%;
    text-align: center;
    position:absolute;
    background: none;*/
}

/*.top h1 { font-size: 15px; font-weight: 900;text-align: center;  color: #fff;margin-top: 8%;}
.top h2 { font-size: 14px; text-align: center; color: #fff;}*/

.top h1a {
/* font-size: 33px; text-align: left; line-height: 33px; margin-bottom: 1%; color: #fff; float: left; margin-left: 2%; width: 159px;*/
	font-size: 24px;
    text-align: left;
    line-height: 22px;
    /* margin-bottom: 1%; */
    color: #024bce;
    float: left;
    margin-right: 5%;
    width: 99px;
    float: left;
    margin-top: 0px;
    letter-spacing: -1px !IMPORTANT;
	}
.top .border-bottom{ border-bottom:0px;}
.top .set1 {     border-bottom: 1px solid #58a75e;    height: auto;    justify-content: normal;}
.top .set2 { padding:0px; display:none;}

.call {    padding: 1% 0;    width: 30%;    float: left; display:none;}
.link {    width: 70%;    float: right;}
.top .set2 but a {    width: 49%;}
.cart {    width: 49%;    float: right;}
.cart part50 {    width: 50%;}

.top .set1 .enquiry {
	display: none;
    position: absolute;
    padding: 0! important;
    top: 10px;
    left: 0px;
    z-index: 2;
    width: 140px;
}

.enquiry img {
    width: 150px;
}

.logo h1 {
	    color: #000;
    font-size: 22px;
    font-weight: 900;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: left;
    display: block;
    width: 89%;
    margin: 0px;
    /* margin-top: 10px; */
    text-transform: uppercase;
}


.logo h2 {
    color: #024bce;
    font-size: 13px;
    font-weight: 400;
	line-height: 16px;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0px;
    /* margin-top: 10px; */
    text-transform: uppercase;
    /* margin-bottom: 2%; */
}

.logo h2a {    color: #fff;    font-size: 16px;	}


login {
	 position: absolute;
    top: 0;
    left: 0;
    color: #000;
}
	
.modal-dialog {width: 100% !important; /*margin: 10% auto!important;*/}
.modal-body h3 {font-size: 18px!important;}
#receipe {    padding-right: 0px !important;}

.lightashbg {  background-color: rgb(255, 255, 255);}
.yellowbg {    background: rgba(255, 235, 59, 0.81);}
ligthyellow { color: #F44336;}

.banin { /*background: #909090; height: 100px;*/ height: auto; }
.banin img { /*margin-top: 17px;    text-align: center; width: 200px; position:unset;*/ margin-top: 0% !important;}
.banin .wsdownmenu-list > li > a {    color: #000;}
.banin .wsdownmenu-animated-arrow span:after {    background: #103d98 !important;}

.banin h1 {
    color: #fff;    
    /*font-size: 180% !important;
    font-weight: 300 !important;
    font-family: "Roboto Condensed" !important;
    line-height: 35px;
    padding: 5% !important;
    text-align: center !important;*/}

.recruitbg {
    position: relative;
    width: 100%;
    z-index: 0;
    background: #fff;
    display: flex;
    margin: 0;
    background-image: url(../images/recruit.jpg);
    background-position: 0;
    background-position-x: 0;
    background-position-y: 0;
    background-size: unset;
    background-repeat: repeat;
}

.centerlink{ top: 20%;}
.centerlink img { width: 200px;}

.banner centerlink {
	position: absolute;
    top: 130px;
    text-align: center;
    margin: 0 auto;
    left: 30%;
}

.banner centerlink img {
 width: 180px;
    opacity: 1;
}

.bottomlink {
    top: 0px;
    position: relative;
    text-align: center;
    width: 100%;
    /* bottom: inherit; */
}
	
.bottomlink h1 a {
    font-size: 28px!important;
    letter-spacing: 10px;}

	
.logo{ padding: 0px !IMPORTANT;
    width: 70%;
    display: block;
    z-index: 1;
    margin-top: 0px;
    float: left;
    z-index: 1;
}

.logo h1 sup {font-size: 8px;  top: -4px;}
	
.logo img{
               width: 100px !important;
        margin-bottom: 20px;
    /*display: block;
    position: relative;
    float: left;
    margin-top: 0;
    top: 0px !important;*/
	}
	
.logo .border {
    /* border: 1px solid #2954a0; */
    /* border-radius: 2px; */
    /*padding: 5px !IMPORTANT;*/
}

logobg { 
   position: absolute;
    width: 80%;
    text-align: center;
    top: 0;
    left: 10px;
}
logobg:before {
  content: "";
    background-image:none;
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
left: -10px;
    top: 54px;
    opacity: 1;
    z-index: 0;
}

logofixhead{ display:none;}

ligthblue {  color: #19366b;}

.logoin {
    width: 100%;
    z-index: 1;
    text-align: center;
}


.mobhide{ display:none !important;}
.exp{display:none;}

.care{ display:none;}


.menu{width: 100%;    position: absolute !IMPORTANT;    /* background: #002264; */    top: 20px;    z-index: 0;    padding: 0px !important;    left: 0px;}

.banner{
position:relative;
width: 100%;
padding: 0;
margin: 0;
}

.banner:after {
     /*  content: '';
    position: absolute;
    width: 100%;
    height: 77vh;
    bottom: 0px;
    left: 0px;
    z-index: 0;
    background: #31281d;
    opacity: 1;
  background: transparent url(../images/pattern.png) repeat top left; */
}



.banner rightlink {
    position: absolute;
    bottom: 0%;
    right: 0px;
    padding: 0%;
    display: block;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    writing-mode: tb-rl;
    font-size: 20px;
   font-weight: 400;
    font-family: "Noto Sans";
    color: #000;
    z-index: 9;
    text-transform: uppercase;
}

.right{ text-align:left !important;}

.logoin img{
width: 70% !important;;
padding: 0%;}

.set {
    width: 50%;
    text-align: center;
    float: left !important;
    height: 150px;
}

.set h3 { font-size: 16px!important;}

.bodycon {
    width: 100%;
    padding: 0%;
    margin-top:0% !important;
}
.bodycon h1 {  font-size: 33px !important;   padding: 0% !important;  line-height: 33px;}
.bodycon h2 {line-height: 27px; font-size: 18px !important;}

.bodycon rightlink{ display:none;}
.bodycon leftlink {font-size: 14px;}


.search {width: 100%;margin-top: 0%;}
.search part20 {    width: 50%;}
.search part80 {    width: 50%;}
.search .dropdown-menu {
    width: 243px !IMPORTANT;
    font-size: 15px;
    border-radius: 0px;
    margin-left: -9px;
    background: #000;
    margin-top: 0px;
}
.search .form-control {    border: 1px solid #000 !important;}




.shop .filtericon {    display: block;}
.shop .filter {    display: none;}
.shop .btn-danger {    padding: 4% !important;}
.shop .filtericon a {    color: #a10b0c !important;}


.abouthelp:before { transform: scale(4);}

.aboutind h5{    /* padding: 0%; */
    font-size: 30px !important;
    line-height: 43px;
}

.about {padding: 20px;    width: 100%;}
.about p { }
.about h2 {    color: #000 !important;    width: 100%;  padding:0px;}
.about part30 { width: 10%; float: left;}
.about part40 { width: 80%;}
.aboutin part70 { width: 95%;}
part32 { width: 100%;}
part70 rightlink { 
	position:relative;
    top: 5px;
    left: 0%;
    padding: 0%;
    display: block;
   -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
     writing-mode: unset;}

part90 rightlink { 
	position:relative;
    top: 5px;
    left: 0%;
    padding: 0%;
    display: block;
   -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
     writing-mode: unset;}



.contact h1 { }

.bodyconin {
    width: 100%;
    padding: 10% 5% !important;
    /* background: #fff; */
    /* background-image: url(../images/ban3.jpg); */
}
.bodyconin bor { float:none;}
.bodyconin h1 {
    font-size: 29px!important;
       line-height: 30px;
    padding: 1% 0%!important;
    text-align: center;
}



.bottomset {
    position: relative;
    bottom: 0px;
    width: 90%!important;
    left: 5%!important;
    top: 0px;
}

set {
    width: 50%;
    display: block;
    /* padding: 5%; */
    float: left;
}


.modal-content set {
    width: 50%;
    float: left;
    display: block;
    height: auto;
}

.download {
   
    padding: 20px;
    z-index: 0;
    min-height:auto;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
}

.download gridset {
    display: grid;
    width: 100%;
    gap: 2rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,100%);
}

.download gridset set {
    width: 100%;
    display: grid;
    /* float: left; */
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 20px !important;
    border: 1px solid #549c53;
    font-size: 18px;
    min-height: auto;
    border-radius: 4px;
}

.contact gridset {
    display: grid;
    width: 100%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,100%);
    margin-top: 20px;
}

.enc2 {
    width: 100%;
    padding: 20px;
    min-height: auto;
    position: relative;
    z-index: 0;
    display: grid;
    align-items: center;
}

.shop part75 {
    width: 70%;
    float: left;
}
.shop set {
    width: 49%!IMportant;
    display: block;
    /* padding: 5%; */
    float: left;
    height: 240px !important;
}

.shop set img {
    width: auto;
/*    height: 200px;*/
	margin-bottom:1%;
}
.shop h2 {
    color: #000!important;
    font-size: 15px!important;
    font-weight: 800!important;
    font-family: "Roboto Condensed"!important;
    line-height: 18px;
    text-align: left;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 1px;
    /* border: 1px solid #00448c; */
    margin-bottom: 1px;
}
.shop h3 {
    font-size: 10px !important;
    letter-spacing: 1px;
    text-transform: none;
    font-weight: 400;
    margin: 0;
    /* padding-left: 15px; */
    color: #420000 !important;
}

.cbp-nav-controls {
	position: absolute !important;
    top: -30px !important;
    left: 200px !IMPORTANT;
}

.productind h1 { font-size: 31px!important;}
.productind leftlink {
    position: relative;
    display: block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    writing-mode: unset;
	width: 220px;
    display: block;
    margin: 0 auto;
}

.farmsbg { height: 60vh;}
.farms h1 {   font-size: 32px!important; line-height:34px;}
.farms .bottomlink { bottom: 110px;}
.farms .bottomlink img { width: 80%; margin:0px;}


.areas gridset {
    display: grid;
    width: 100%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,100%);
    justify-content: center;
    margin-top: 30px;
}


.highlights set {position: relative; width: 100%; margin: 10px 0px;  }
.highlightsbg white { color: #000 !important;}
.highlightsbg {background-image:none;}
.highlights h1 {    font-size: 18px !important;    padding: 0px;    left: -20px;    top: 94px;}
.highlights h2 { margin-top: 42px;    display: inline-block !important;
    color: #000000!important;
    font-size: 23px!important;
    font-weight: 500!important;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: left;
    display: block;
    width: auto;
    margin: 0 0px 0px 0px;
    line-height: 27px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: initial;
    position: relative;
    left: 0;
    top: 0;
} 
.highlights set h3{ text-align:center;}
.highlights set h4{ text-align:center;}
.highlights set h5{ text-align:center;}

.news { padding: 10% !important;}
.news h2{ color:#000 !Important;}

.subscribe {    padding: 9%;}
.subscribe but { color: #000; border: 0px solid #e0c39f;}
.subscribe .btn-danger {    bottom: 37px;    }

.jobs gridset1 {
    display: grid;
    width: 100%;
    gap: 2rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,25%);
    justify-content: center;
    margin-top: 30px;
}

.projects but { width: 100%;}

.hght100 {    min-height: auto;}
.hght90 {    min-height: auto;}
.hght80 {    min-height: auto;}

.serv2 {padding: 20px;     flex-direction: column-reverse;}
.aboutcon cnt {
    position: relative;
    width: 100%;
    display: block;
    background: #fff;
    padding: 40px;
    align-items: center;
}

.aboutind {flex-flow: column;    height: auto;      padding: 20px;}
.aboutindbg1 {    height: 200px;}
.aboutind h1 { text-align: center;        font-size: 45px !important;        line-height: 48px ! IMPORTANT;        padding: 20% 5% 5% 5%;}
.aboutind h2 {     padding: 30px 0px !important;    margin: 0px !important;}
.aboutind p {    padding:20px 0px;    text-align:justify;    /* font-size: 17px !important; */    line-height: 28px;}
.aboutind h4 { text-align: center;    font-size: 33px !important;   line-height: 40px;      padding: 20% 5% 5% 5%;}
.aboutind .margin-top15 {    margin-top: 0%;}
.aboutind rightlink {    position: relative;}
.aboutindbg {    height: 612px;}
.aboutind rightlink { background:none;}
photo h { color:#fff;}
vect1 {    opacity: .2;}
.aboutind .conprt {    padding: 10px;}

.whyus:before {
    content: "";
    background-image: url(../images/whyusbfr.png);
    /* background-position: 50% 50%; */
    /* background-position-x: 0%; */
    /* background-position-y: 0%; */
    background-size: contain;
    background-repeat: no-repeat;
    width: 60%;
    height: 100%;
    position: absolute;
    top: -50px;
    right: -60px;
    margin: auto;
    z-index: -1;
    opacity: 1;
    /* transform: scale(.4); */
    rotate: rotate: 30deg;
    rotate: 1 1 0 360deg;
	left: unset;
}


.advantage gridset {    grid-template-columns: repeat(auto-fit, 100%);}
.about gridset {    grid-template-columns: repeat(auto-fit, 47.3%)!important;}
.abttt {    display: grid !important;    align-items: flex-start;    flex-direction: column;}

.expertise gridset {
    display: grid;
    width: 100%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,100%);
    margin-top: 20px;
}

.support {    flex-direction: column;         padding-top: 50px;}

.support:after {
    /* background-position-x: 0%; */
    /* background-position-y: 0%; */
    content: "";
    background-image: url(../images/mailline.png);
    background-position: 100% 0%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 13%;
    position: absolute;
	top: auto;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    opacity: 1;
    transform: scale(1);
    rotate: 0 0 0 41deg;
}

.highligtblocks { height: 180px;   /* width: 50%;    float: left;*/}


.why gridset {
    display: grid;
    width: 100%;
    gap: 0rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, 100%);
    margin: 0 auto;
}


.partners {    width: 100%;    padding: 6% !Important;}
.partners logoicon {    width: 100%;    display: block;    text-align: center;    position: relative;    margin: 5% 0% !important;}
.partners logoicon img {   /* filter: grayscale(100%); */   width: 155px; }
.partners h3 {
   /*text-align: center!important;
    color: #000!important;
    font-size: 20px!important;
    line-height: 27px;
    font-weight: 600!important;
    padding: 0px;
    font-family: "Roboto Condensed";
    display: block;
    width: 100%;
    margin: 0px;
    text-transform: initial;
    letter-spacing: 0px;*/
}

.testimonials p {    font-size: 15px; padding: 3%;    line-height: 27px;    line-height: 24px;    text-align: center;}

.subscribe h1 { line-height: 34px;}

.aboutcon {  padding: 4% !important;}

.about h1 {
      /* font-size: 18px!important;
    line-height: 24px;*/
    padding: 2% 0%;
    margin-bottom: 2%;
    text-align: left;
}

img1 img { margin-top:0px;}
.highlights{flex-flow: column;    height: auto;  }
.flex-container { height: 100vh!important;}


.menubar{
width: 100%;
height: auto;
margin: 0;}

.brands { padding: 20% 10%!Important;}
.brands set { width: 45%;}
.brands h1 {line-height: 33px;    color: #fff;    font-size: 24px !important;    margin-bottom: 20%;}
.brands h1:before {   background-color: #fff;    width: 20px;}
.brands h1:after {   background-color: #fff;    width: 20px;}



.activity gridset {    grid-template-columns: repeat(auto-fit,45%);	}

.activity  ul, ol {    margin-left: 25px !IMPORTANT;}

.highlights cont {position:relative;}

.ticker {padding: 4%;}

.cbp-nav-pagination { display:none;}

.pad2 { }
.pad12 { padding: 0% !important;}

.social { width: 90%;}

/*.logo img { width: 100%;}*/

.logo h6 {font-size: 130% !important;}

.conlink {text-align: center;}

.margin-top-6 { margin-top: 0% !important;}

.margin-top-8 {margin-top: 0% !important;}
.margin-top-20 { margin-top: 0% !important;}

.pad-top-20 { padding-top: 0% !important;}



.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
}

.jSlider button {display: none;}

.bannerin > h2 {
    width: 100%;
     font-size: 150%;
	 padding: 4%;}
	 
.parallax-hr h3 {font-size: 200%;line-height: 27px;}
.parallax-hr h4 {font-size: 200%;line-height: 29px;}
.parallax-visa h3 {font-size: 200%;line-height: 27px;}
.parallax-visa h4 {font-size: 200%;line-height: 29px;}

.contact {
    width: 100%;
    padding: 10px;
    min-height: 30vh;
    display: flex;
    align-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 0;
    flex-direction: column;
}

.footer{
		flex-flow: column;
        text-align-last: left;
        align-items: flex-start;
        padding: 10px;
}

.footer .padding0{ padding:inherit!important;}

.footerlogo {    width: 60%;    float: left;}
.footer part30 {    width: 100%!important;    float: left;}
.footer part70 {    width: 100%;    float: left;}
.footer part70 .col-md-4{ width:50%; float:left; padding: 0px;    margin-top: 5%;}
.footer part70 .col-md-3{ width:50%; float:left; padding: 0px;    margin-top: 5%;}

.copyrights { 
    padding: 30px;
    flex-direction: column-reverse;
    text-align: center;} 
.copyrights p{     text-align: center;} 
.fixed-header {
	position:fixed!important;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    border-bottom: solid 1px rgba(255,225, 225, .4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff !important;
	}

.fixed-header .logo {    display: block;    z-index: 9;}	
.fixed-header .logo img {    width: 50px !important;    position: relative;    top: 0 !important;    left: 0;    display: block; margin: 0px !important;}
.fixed-header .wsdownmenu-animated-arrow span, .wsdownmenu-animated-arrow span:before, .wsdownmenu-animated-arrow span:after {   background: #000;}
.fixed-header .wsdownmenu-lines.wsdownmenu-animated-arrow span:before {    background: #000; }
.fixed-header .wsdownmenu-lines.wsdownmenu-animated-arrow span:after {    background: #000; }


.fixed-header .wsdownmenu-list > li > a { color:#000!important; }
.fixed-header .wsdownmenu-list > li > a:hover { color:#fff!important; }
.fixed-header .call{ display:none;}
.fixed-header .enquiry{ display:none;}

.menupad{
padding:0!important;
padding-top: 0!important;}

.bg-bright-turquoise p{
height: auto;}

.border-right { border-right: 0px solid #edeaea;}

.mobhide{ display:none;}

but{margin: 0 auto;  width: 150px;    margin-top: 8%;}

.cbp-l-caption-title{}

	
	}
	
	

@media only screen and (min-width: 481px) and (max-width: 768px) {

.cbp-l-filters-buttonCenter {
    margin-bottom: 30px;
    text-align: center;
    display: none;
}

.snimg img {
    height: auto !important;
}



#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}

.top{
position:absolute;
width: 100%;
padding:0%;
text-align:center;
}

.top h1 {  font-size: 18px; font-weight: 400; text-align: center;}
.top h2 { font-size: 14px; text-align: center;}
.top h1a {font-size: 43px; text-align: left; line-height: 35px; margin-bottom: 1%; float: left; width: 260px; color: #024bce; margin-right: 5%;}



.call {    padding: 1% 0;    width: 30%;    float: left; display:none;}
.link {    width: 70%;    float: right;}
.top .set1 .enquiry {    display: block;    position: absolute;    padding: 0! important;    top: 0px;    right: 60px;    z-index: 2;}
.enquiry img {    width: 85px;}

.top .set2 but a {    width: 49%;}
.top .set2 {    padding: 0;}
.cart {    width: 49%;    float: right;}
.cart part50 {    width: 50%;}


.logo h1 {
	color: #000;
    font-size: 25px;
    font-weight: 900;
    padding: 0px;
   font-family: "Roboto Condensed", sans-serif;
    text-align: center;
    display: block;
    width: 89%;
    margin: 0px;
    margin-top: 10px;
    text-transform: uppercase;
}
.logo h2 {
    color: #024bce;
    font-size: 13px;
    font-weight: 400;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px;
    /* margin-top: 10px; */
    text-transform: uppercase;
    /* margin-bottom: 2%; */
}

login {
   /* position: absolute;*/
    top: 0;
    left: 0;
    color: #000;
    font-weight: 700;
}

.lightashbg {  background-color: rgb(255, 255, 255);}
.yellowbg {
    background: rgba(255, 235, 59, 0.81);
}


.highlights h1 {font-size: 24px !important;}

ligthyellow { color: #19366b;}

.exp{display:none;}


.menu{
width:100%;
position:relative;
/*background:#002264;*/}


.banner{
position:relative;
width: 100%;
padding: 0;
margin: 0;
}

.banner:after {
       /*content: '';
    position: absolute;
    width: 100%;
    height: 65vh;
    bottom: 0px;
    left: 0px;
    z-index: 0;
    background: #31281d;
    opacity: 1;
  background: transparent url(../images/pattern.png) repeat top left; */
}


.banner centerlink img {
    width: 175px;
    opacity: 0.6;
}
.banner centerlink {
    position: absolute;
    top: 140px;
    text-align: center;
    margin: 0 auto;
    left: 34%;
}

.banin .logo h1 {	color: #fff;}
.banin .top{ position:relative;}
.banin .top .set1 .enquiry {    display: block;    position: absolute;    padding: 0! important;    top: 0px;    right: 60px;    z-index: 2;}
.banin .top .enquiry img {    width: 85px;}
.centerlink{ top: 20%;}
.centerlink img { width: 200px;}


.bottomlink {
    top: 0px;
    position: relative;
    text-align: center;
    width: 100%;
    /* bottom: inherit; */
}

.bottomset {
    position: relative;
    bottom: 0px;
    width: 90%!important;
    left: 5%!important;
    top: 0px;
}


.bottomlink h1 a {
    font-size: 45px!important;
    letter-spacing: 15px;
}

.logo{ padding: 0px;   width: 70%;    float: left; z-index:9;}
	
.logo img{
/*width: 140px !important;*/
    display: block;
    position: relative;
    float: left;}
set {
    width: 50%
    display: block;
    float: left;
    height: 150px;
}


.mobhide{ display:none !important;}

.bodycon h1 {  font-size: 33px !important;   padding: 0% !important;  line-height: 33px;}
.bodycon h2 {line-height: 27px; font-size: 18px !important;}

.bodycon rightlink{ display:none;}
.bodycon leftlink {font-size: 12px;}


.search {width: 100%;margin-top: 0%;}
.search part20 {    width: 50%;}
.search part80 {    width: 50%;}
.search .dropdown-menu {
    width: 243px !IMPORTANT;
    font-size: 15px;
    border-radius: 0px;
    margin-left: -9px;
    background: #000;
    margin-top: 0px;
}
.search .form-control {    border: 1px solid #000 !important;}


.shop .filtericon {    display: block;}
.shop .filter {    display: none;}
.shop .btn-danger {    padding: 4% !important;}
.shop .filtericon a {    color: #a10b0c !important;}
.shop part75 {    width: 70%;    float: left;}
.shop h2 {
    color: #000!important;
    font-size: 15px!important;
    font-weight: 800!important;
    font-family: "Roboto Condensed"!important;
    line-height: 18px;
    text-align: left;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 1px;
    /* border: 1px solid #00448c; */
    margin-bottom: 1px;
}
.shop h3 {    font-size: 11px;    letter-spacing: 1px;}

.shop set {
width: 31%!important;
    display: block;
    /* padding: 5%; */
    float: left;
    height: 300px;
}
	

.about { padding:10%;}
.about p { font-size: 15px;}
.about part30 { width: 10%; float: left;}
.about part40 { width: 80%;}
.aboutin part70 { width: 95%;}
part32 { width: 100%;}
part70 rightlink { 
	position:relative;
    top: 5px;
    left: 0%;
    padding: 0%;
    display: block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
     writing-mode: unset;}

part90 rightlink { 
	position:relative;
    top: 5px;
    left: 0%;
    padding: 0%;
    display: block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
     writing-mode:unset;}

.aboutin h1 { width: 80%; font-size: 30px!important; line-height: 33px;}

.contact h1 {    font-size: 18px!important;}

.bodyconin {
    width: 100%;
    padding: 10% 5% !important;
    /* background: #fff; */
    /* background-image: url(../images/ban3.jpg); */
}
.bodyconin bor { float:none;}
.bodyconin h1 {
    font-size: 29px!important;
       line-height: 30px;
    padding: 1% 0%!important;
    text-align: center;
}

.cbp-nav-controls {
     position: absolute !important;
    top: -30px !important;
    left: 420px !IMPORTANT;
}


.members h1 {
    font-size: 23px!important;
    line-height: 28px;
    text-align: left;
    margin: 0px;
	padding:2%;
}

.modal-dialog {
  /*  width: 60% !important;
    margin: 10% auto!important;*/
}
.modal-content set {
    width: 33%;
    float: left;
    display: block;
    height: 110px;
}

.banin {    /* background: #909090; */  height: auto;}
.banin img { margin-top: 17px;    text-align: center; width: 200px; position:unset;}

.productind h1 { font-size: 31px!important;}
.productind leftlink {
    position: relative;
    display: block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    writing-mode: unset;
	width: 220px;
    display: block;
    margin: 0 auto;
}



.farmsbg { height: 80vh;}
.farms h1 {   font-size: 32px!important; line-height:34px;}
.farms .bottomlink { bottom: 110px;}
.farms .bottomlink img { width: 80%; margin:0px;}

.highlights set {position: relative; width: 100%; margin: 10px 0px;  }
.highlightsbg white { color: #000 !important;}
.highlightsbg {background-image:none;}
.highlights h1 {font-size: 24px !important;}
.highlights h2 {line-height: 26px; padding: 1%; margin-top: 42px;}
.highlights set h3{ text-align:center;}
.highlights set h4{ text-align:center;}
.highlights set h5{ text-align:center;}

.news { padding: 10% !important;}
.news h2{ color:#000 !Important;}

.subscribe {    padding: 9%;}
.subscribe but { color: #0a0a0a;     border: 0px solid #e0c39f;}


.projects but { width: 100%;     min-height: auto;}
.projects h1{ padding: 9%;}

.aboutind {    padding: 5%!important; text-align:center;} 
.aboutind img{ width:300px;}
.aboutindbg1 {    height: 200px;}
.aboutind h1 {
	font-size: 19px!important;
	line-height: 27px;
    color: #fff;
    font-weight: 400!important;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-align:center;
    display: block;
    width: 100%;
    margin: 0px;
    margin-bottom: 2%;
    margin-top: 3%;
}
.aboutind h2 {    text-align: center;}


.aboutind p {padding: 0%;}
.aboutind rightlink {    position: relative;}
.aboutindbg {    height: 612px;}
photo h { color:#fff;}
.aboutind rightlink { background:none;}

.testimonials p {    font-size: 15px; padding: 3%;    line-height: 27px;    line-height: 24px;    text-align: center;}

.subscribe h1 { line-height: 38px;}


.highlights{ position:relative;}


img1 img { margin-top:0px;}

.highlights{ position:relative;}

.brands {    padding: 40% 10% 0% 10%;}
.brands set {    width: 28%;}
.brands h1:before {   width: 50px;}
.brands h1:after {   width: 50px;}

.servicelist {   width: 100%;}
.partnerbg { height: 100px;}
.programs-bg { height:40vh;}
.flex-container { height: 100vh!important;}
.right{ text-align:center;}


.rght-brd{border-right:0px solid #E5E5E5;}
.border-right { border-right: 0px solid #edeaea;}

.social {   }

.set {    width: 50%;    text-align: center;    float: left !important;    height: 150px;}
.set h3 { font-size: 16px!important;}

.margin-top-6 {    margin-top: 0% !important;}
.margin-top-8 {    margin-top: 0% !important;}


.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
-moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
box-shadow: 0px 0px 12px 0px rgba(150,150,150, 0);
}

.pad2 {
    padding: 0% !important;
}
.pad12 {
    padding: 0% !important;
}

.jSlider button {
    margin-top: 10%;}

.fixed-header {
 position:relative !important;
  	top:0; 
   	right: 0;
    width: 15%; 
   z-index:10;
	border-bottom:solid 1px rgba(255,225, 225, .4);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}
.footer{
width:100%;
padding:10%;
margin-bottom:1.7%;
font-family:"Roboto Condensed"!important;
color:#333;
font-size:90%;
font-weight:100;
text-decoration:none;
}

.footerlogo {    width: 60%;    float: left;}
.footer part30 {    width: 30%!important;    float: left;}
.footer part70 {    width: 70%!important;    float: left;}
.footer part70 .col-md-3{ width:50%; float:left; padding: 0px; }

.copyrights {    margin-top: 6%;} 



	
	}
	
	
@media only screen and (min-width: 769px) and (max-width: 980px) {
#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}

.banner centerlink {    left: 43%;}
.pad12 {
    padding: 0% !important;
}
.fixed-header .logo h1 {
    color: #000!Important;
    /* line-height: 50px; */
}
.expertise gridset {
    display: grid;
    width: 100%;
    gap: 3rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,30.8%);
    margin-top: 20px;
}


}


@media only screen and (min-width: 981px) and (max-width: 1024px) {
#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}

.highlights set h3 {  font-size: 18px!important;	}
.aboutind rightlink { padding: 5% 2%;}
.fixed-header .logo h1 {
    color: #000!Important;
    /* line-height: 50px; */
}
/*logo h1 { font-size: 29px;}
.top h1 { font-size: 30px;}
.top h2 {font-size: 14px;}
.top h1a {font-size: 45px;}*/
.expertise gridset {
    display: grid;
    width: 100%;
    gap: 3rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit,31.3%);
    margin-top: 20px;
}

		}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
.shop set {
    width: 20%;
    display: block;
    float: left;
    margin-bottom: 5%;
    height: 350px;
}


}