/*@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,300,600,700,800|Droid+Sans:400,700|Roboto:400,100,300,500,700,900|Rubik:100,200,300,400,500,600,700,800,900|Roboto+Slab:400,300,700,100|Lora:400,400i,700,700i|Nobile:400,700|Lato:400,100,300,700,900|Slabo+27px|Slabo+13px|
Domine:400,700|Alike+Angular|Gurajada|Rambla:400,700|Fjalla+One|Yantramanav:400,500,700,900,300,100|Headland+One|Cabin+Condensed:400,500,600,700|Adamina|Anton|Francois+One:400,900|Domine:400,700|Francois+One|Magra:400,700|Prata|Merriweather:300,300i,400,400i,700,700i,900,900i|Rubik:400,700|PT+Serif:400,400i,700,700i|Vollkorn:400,400i,600,600i,700,700i,900,900i|Oswald:400,300,700|Alegreya+Sans+SC:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Cinzel+Decorative:400,700,900|Domine:400,700|Doppio+One|Francois+One|Rubik:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Maven+Pro:400,500,700,900|Orbitron:400,500,700,900|Playfair+Display+SC:400,400i,700,700i,900,900i|Quantico:400,400i,700,700i|Rubik:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rufina:400,700|Sintony:400,700|Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900|Ubuntu:300,300i,400,400i,500,500i,700,700i| Quicksand:300,400,500,700| Bungee|Russo+One|Titillium+Web:900|Bowlby+One+SC);

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Rubik:400,700|Open+Sans:400,300,600,700,800|Alegreya+Sans+SC:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Cinzel+Decorative:400,700,900|Domine:400,700|Doppio+One|Francois+One|Rubik:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Maven+Pro:400,500,700,900|Orbitron:400,500,700,900|Quantico:400,400i,700,700i|Rubik:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rufina:400,700|Sintony:400,700|Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900|Ubuntu:300,300i,400,400i,500,500i,700,700i|Quicksand:300,400,500,700|Bungee|Russo+One|Bowlby+One+SC|Merriweather:300,300i,400,400i,700,700i,900,900i|Playfair+Display+SC:400,400i,700,700i,900,900i|Lora:400,400i,700,700i|Adamina|Fjalla+One|Francois+One|Libre+Baskerville:400,400i,700|News+Cycle:400,700|Prata);*/


/*@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@100;200;300;400;500;600;700;800;900&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body{
	margin: 0;
	padding: 0;
	border: 0;
	width:100% !important;
	background-color:#fff!important;
	color:#000;
	font-family:'Rubik', sans-serif!important;
	font-weight:100;
	font-size:100%;
	}
	
.border{ border: 1px solid #000; /*border-radius:2px;*/}

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


p {
	color: #000 !important;
    font-size: 15px;
    font-weight: 400;
    Line-height: 21px;
    margin: 0px !important;
    text-align: justify;
    font-family: 'Rubik', sans-serif;
}

 h1{
color: #000;
font-size: 20px;
font-weight: 400;
padding: 0px;
font-family: 'Rubik', sans-serif;
text-align: center;
display: block;
width: 100%;
margin: 0px ;
}


.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;
}


ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
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.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;}

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

.border-left{border-left:1px solid #edeaea;}
.border-right{border-right:1px solid #d4c96a;}
.border-right-b{border-right:1px solid #000;}
.border-bottom{border-bottom: 1px solid #edeaea;}
.border-top{border-top: 1px solid #edeaea;}
.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;}
	

spacetext {    font-size: 1px;}

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:rgba(49, 40, 29, 0.95);}
.lightashbg{background-color:rgb(232 232 232 / 52%);}
.greenbg { background: rgb(126 146 28);}
.blackbg{background:rgba(0, 0, 0, 0.95);}
.darkbluebg{ background-color:#2c384e;}
.bluebg { background: rgba(2, 75, 206, 1);}
.lightbluebg{ background:#e8f8ff;}
.lightorangebg{background: rgb(230, 207, 173);}
.orangebg{ background:#FF8003;}
.yellowbg{ background:rgb(255, 235, 59);}
.blackbg-transparent { background: rgba(247, 247, 247, 0.7);}
.redbg{background: #ee4741;}
.tanbg{background: #cbb38f;}


green{color:#4dd871;}
blue{color: #a10b0c;}
ligthblue{ color:#000;}
ligthyellow{ color:#c9412e;}
black{ color:#000 !important; -webkit-text-fill-color: #000;}
white{ color:#fff!important;}
red { color: #fe2202;}
purplelight {color: #6d72ad;}
purple { color: #2d3165;}

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

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



.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% !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: 3% 0!important;    border-top: 1px solid #000000 !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%;}
.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%;}

.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: pointer;
}

.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;
}

.form-control {
  display: block;
    width: 100%;
    height: 45px!important;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
	font-weight:600;
    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; 
}

.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: pointer;
    -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: 170px;
    background: #f44336!important;
    border: 1px solid #f44336!important;
    border-radius: 0px !important;
    font-weight: 600!important;
    color: #fff!important;}
.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 {
    width: 33% !important;
    margin: 10% auto!important;
}
.modal-body h2{
	color: #000;
    width: 100%;
    font-size: 33px!important;
    font-weight: 300!important;
    font-family: 'Playfair Display 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: 500!important;
    font-family: 'Rubik'!important;
    line-height: 27px;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    /* letter-spacing: 1px; */
}

set {width: 25%;
    display: block;
  /*  padding: 5%;*/
    float: left;
	height:170px;}

.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;
}

/*.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
*/


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

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

/* Handle */
::-webkit-scrollbar-thumb {
  background: #13888f;
}

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



.cbp-popup-singlePage-open {    left: 50%!important;}
.cbp-popup-wrap {    width: 50%!important;    left: 0;    top: 0;     -webkit-box-shadow: 0px 0px 12px 0px rgb(150 150 150 / 67%);    -moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);    box-shadow: 0px 0px 12px 0px rgb(150 150 150 / 67%);}
.cbp-popup-singlePage .cbp-popup-navigation-wrap {  right: 0 !important;    width: 50% !important;    left: unset !IMPORTANT;}


/* --------------------------------- index page ------------------------ Starts --------------------------------- */

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



.top{
	width: 100%;
    padding: 0;
    margin: 0;
    /* background: #ffffff; */
    color: #000;
    font-family: 'Rubik', sans-serif;
    font-weight:600;
    font-size: 12px;
    position: relative;
	z-index:1;
	}

.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 {
/*   	width: 100%;
 display: block;*/
    padding: .5%;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Rubik";
    color: #000!important;
	margin: 0% 1%;
	padding:0% 2%;
}

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


.top small{
color: #000 !important;
font-size: 12px !important;
font-weight: 400 !important;
font-family: 'Rubik' !important;
text-align: left;
/*display: block;*/
width: 100%;
padding:0% !important;
margin: 0% !important;
}

.top .fa {
    color: #000 ;
}

.top  h1{
    color: #141415;
    font-size: 30px;
    font-weight: 500;
    padding: 0px;
   font-family: 'Rubik', sans-serif;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0px;
    margin-top: 10px;
    text-transform: uppercase;
	}


.top  h1 a{
    color: #123779;
   /* font-size: 30px;*/
    font-weight: 600;
    padding: 0px;
    font-family: 'Rubik', sans-serif;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px;
    /* margin-top: 10px; */
    text-transform: uppercase;
}
.top  h1 a:hover{ text-decoration:none !important;}

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

.top .set1 {     padding: .5% 1%;    background:linear-gradient(90deg, rgb(204 204 204 / 29%) 0%, rgb(191 191 191 / 5%) 50%, rgb(199 199 199 / 12%)50%, rgb(181 181 181 / 22%) 100%);  /* border-bottom: 1px solid #d2c5b1;*/}

.top .set1 h1 {color: #667908;    font-size: 14px;    font-weight: 500;    padding: 0px;    font-family: 'Rubik', sans-serif;    text-align:center;    display: block;
    width: 100%;    margin: 0px;    margin-top: 0px;    text-transform: unset;}
.top .set1 a{ color:#000!Important; text-decoration:none;}
.top .set1 part20{ width:20% !important;}
.top .set1 part60{ width:60% !important;}

.top .set1 icon img {    width: 19px !important;    display: inline-block;    float: left;    margin-right: 3%;}
.top .set2 { padding: 1% 2%;  background: linear-gradient(90deg, rgb(27 171 179) 0%, rgb(29 171 176) 50%, rgb(27 171 179)50%, rgb(27 171 179) 100%); }
.top .set2 part20{ width:25% !important;}
.top .set2 part60{ width:50% !important; color:#9ab322;}

.top .set3 { padding: 1% 2%;}

.top .set2 but a {
    width: auto;
    text-align: center;
    /* margin: 0 auto; */
    color: #0a0a0a !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    border: solid 1px #000000 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 2%!important;
    font-family: "Rubik";
    background: none;
    display: inline;
    float: left;
    margin-right: 1% !important;
    margin-top: 20px !important;
}

.location .fa {
    color: #4bd6db;
}

.location p {
   color: #4bd6db !important;
    text-align: right;
	font-size:12px;
}

.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;}

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

login {
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    color: #0a0a0a;
    /* padding: 1%; */
    font-size: 12px;
    font-weight: 400;
    /* width: 100px; */
    text-align: right;
    /* background: #000; */
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
    width: 40%;
    float: left;
	height: 29px;
}

login a {color: #fff!important;
    /* border: 1px solid #ee4741; */
    padding: 4% 10%;
    border-radius: 19px;
    /* background: #ee4741; */
    font-weight: 500;
    font-size: 12px;}

login img {
     width: 14px !important;
    /* display: block; */
    margin-right: 6%;
    margin-top: -7px;
}

signup {
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    color: #0a0a0a;
    /* padding: 1%; */
    font-size: 12px;
    font-weight: 400;
    /* width: 100px; */
    text-align: center;
    /* background: #000; */
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
    width:30%;
    float: left;
	    height: 29px;
}
signup a {color: #fff!important;
    border: 0px solid #fff;
    padding: 4% 10%;
    border-radius: 19px;
    background:none;    font-weight: 500;
    font-size: 12px;}

signup img {
     width: 14px !important;
    /* display: block; */
    margin-right: 6%;
    margin-top: -7px;
}

cart {
	position:relative;
	color: #0a0a0a;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
    width: 30%;
    float: right;
}

cart img {
    width: 30px !important;
    /* display: block; */
    margin-right: 10%;
}
cart count {
   position: absolute;
    left: 47px;
    top: -15px;
    background: #1babb3;
    border-radius: 50%;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    padding: 4px;
}

cart price {
    color: #efefef !important;
    width: 100%;
    font-size: 12px!important;
    font-weight: 600!important;
    font-family: 'Rubik'!important;
    text-align: center !important;
    margin: 0 auto;
    letter-spacing: 0px !important;
    display: block;
    line-height: 28px;
    height: 30px;
	position:absolute;
}

cart a {
 color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 14px;
}

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

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

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

.logo  h1{
  color: #141415;
    font-size: 29px;
    font-weight: 500;
    padding: 0px;
   font-family: 'Rubik', sans-serif;
    /* font-family: 'Rubik', sans-serif; */
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px;
    text-transform: uppercase;
	}


.logo  h2{
	color: #024bce;
    font-size: 17px;
    font-weight: 600;
	line-height:21px;
    padding: 0px;
    font-family: 'Rubik', sans-serif;
    text-align:center;
    display: block;
    width: 100%;
    margin: 0px;
    /* margin-top: 10px; */
    text-transform: uppercase;
    /* margin-bottom: 2%; */
}

.logo img {
    /*  display: block;
   float: left;
    margin-right: 1%;
    position: absolute;
    width: 125px;
     text-align: left; */
}



.call .fa{ color:#FF8003 !important}
.call {    padding:0;    font-size: 12px;    font-weight: 400; }


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

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


.mobshow { display: none;}


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


}

.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: 600;
    font-family: "Rubik";
    padding: 5px;
    color: #ececec;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
}

.banner rightlink h1{
       color: #ebebeb;
    font-size: 85px;
    font-weight: 600;
    font-family: "Rubik";
    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: "Rubik";
    display: block;
    width: 100%;
    margin-top: -33px; 
	margin-right: -123px;
    margin-right: -58px;
}
*/

.banner bottomlink {
position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../images/milkdrop.png);
    background-repeat: repeat-x;
    height: 70px;
    width: 100%;
	display:none;
}

.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: 500;
    color: #000!important;
    letter-spacing: 3px;
    font-family: 'Rubik', 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: 500 !important;
    font-family: 'Rubik' !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: #ef3e36;
    height: 180px;
    /* background: -moz-radial-gradient(center, ellipse cover, #0c2e6b 0%,#0c2e6b 100%);
    /* background: -webkit-radial-gradient(center, ellipse cover, #0c2e6b 0%,#0c2e6b 100%); */
    /* background: radial-gradient(ellipse at center, #0c2e6b 0%,#0c2e6b 100%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c2e6b', endColorstr='#0c2e6b ',GradientType=1 */
}

.banin .top {background: #c0c0c0; z-index:1;}
.banin img {/*
    z-index: 9;
    position: absolute;
    margin-top: 17px;
    margin-left: 3%;*/
}

.banin h1{
/*	position:absolute;*/
    color: #fff;
    width: 100%;
    font-size: 39px!important;
    font-weight: 500!important;
    font-family: 'Rubik'!important;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
	padding-top: 5%;

}

but {
   
    text-align: left;
    width: 300px;
    /* margin: 0 auto;
    margin-top: 3%; display: block; */
    /* position: absolute; 
    margin-bottom: -10px;
    margin-top: 32px;*/
}

but a{
	width: auto;
    text-align: center;
    /* margin: 0 auto; */
    color: #0a0a0a !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    border: solid 1px #000000 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 1%;
    font-family: "Rubik";
    background: none;
    display: inline;
    float: left;
    margin-right: 1% !important;
    margin-top: 20px !important;
}

but a:hover{ border: solid 1px #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: "Rubik";}

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



.shop{
    width: 100%;
    padding:4% 3%;
    margin: 0%;
	position:relative;
	display:block;
	z-index:0;
	/*border-top:1px solid #e0e0e0;
	background:linear-gradient(180deg, rgb(255 224 2 / 13%) 0%, rgb(255 223 1 / 0%) 70%, rgb(255 244 228 / 0%) 70%, rgb(255 244 229 / 0%) 100%);
	background:linear-gradient(180deg, rgb(154 179 34 / 28%) 0%, rgb(154 179 34 / 0%) 70%, rgb(255 244 228 / 0%) 70%, rgb(255 244 229 / 0%) 100%);*/
	}
	
.shop th {
    background: #1babb3;
    color: #ffffff;
    border-top: 1px solid #1babb3!important;
    font-size: 100%;
    font-weight: 700;
    font-family: 'Rubik', 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: 'Rubik', sans-serif !important;
    padding: 6px !important;
}

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

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

.shop set {
	position: relative;
    width: 23%;
    text-align: center;
    float: left !important;
    padding: 1%;
    background: #ffffff;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 30px;
    z-index: 1;
    /* margin-left: 1%; */
    height: auto;
    border:1px solid #ebefdd;
}

.shop set a:hover {    text-decoration: none !important;}

.shop set icon {
    width: 200px;
    text-align: center;
    display: block;
    height: 200px;
}

.shop set img{width: auto;    height: 140px;    margin: 0 auto;}

.shop set small {
  font-size: 12px;
    text-align: center;
    margin-right: 0px;
    text-transform: uppercase;
    font-weight: 600;
}
.shop input#qty {
    height: 25px;
    margin-bottom:25px;
	text-align:center;
}

.shop set  bor{
    display: block;
    width: 50px;
    height: 3px;
    margin: 0 auto !important;
    background: #000;
    transform: rotate(90deg);
    margin-bottom: 8% !important;
/*rotation-point:50% 50%!important;
rotation:90deg!important;
margin-bottom: 2% !important;*/
/*text-align: left;
    margin-top: .5% !important;*/
}

.shop set h1{   
	color: #000;
    font-size: 12px!important;
    font-weight: 400!important;
    font-family: 'Rubik'!important;
    line-height: 15px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 0px;
    /* border: 1px solid #ccc; */
    /* background: #fff; */
    padding: 2% 0%;
    height: 40px;
}


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


.shop set h2{
  color: #000!important;
    width: 100%;
    font-size: 15px!important;
    font-weight: 400!important;
    font-family: 'Rubik'!important;
    line-height: 21px;
    padding: 1% 4%;
    text-align:center;
    margin: 0 auto;
}




.shop set but a {
 width: 100px;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 11px;
    font-weight: 300;
    border: solid 1px #e81e24 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 2%;
    font-family: "Rubik";
    background: #e81e24;
    display: inline;
    /* float: left; */
    /* margin-right: 2% !important; */
    /* margin-top: 20px !important; */
    position: absolute;
    bottom: -12px;
    left: 25%;
    border-radius: 7px;
}

.shop set .but {
 	width: 100px;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 11px;
    font-weight: 300;
    border: solid 1px #e81e24 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 2%;
    font-family: "Rubik";
    background: #e81e24;
    display: inline;
    /* float: left; */
    /* margin-right: 2% !important; */
    /* margin-top: 20px !important; */
    position: absolute;
    bottom: -12px;
    left: 25%;
    border-radius: 7px;
}


.shop set span > i {
   color: #ffffff;
    position: absolute;
    left: 27%;
    bottom: -5px;
    z-index: 9;
}
.shop set span > input {
 /*background: none;
    color: white;
    padding: 0;
    border: 0;*/
   width: 120px;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    border: solid 1px #e81e24 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 2%;
    font-family: "Rubik";
    background: #e81e24;
    display: inline;
    /* float: left; */
    /* margin-right: 2% !important; */
    /* margin-top: 20px !important; */
    position: absolute;
    bottom: -12px;
    left: 25%;
    border-radius: 7px;
}



.shop .filtericon {
    display: none;
}
	
.shop .btn-danger {
/*	color: #fff;
    background-color: #00448c !important;
    border-color: #00448c !important;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 10% 8% !important;
    margin: 0 auto;
    display: block;
    margin-top: 120%;*/
	color: #fff;
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    etter-spacing: 2px;
    font-weight: 600;
/*    padding: 4% !important;*/
    margin: 0 auto;
    /* margin-top: 120%; */
    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: 14px;
    /* letter-spacing: 2px; */
    color: #000;
    font-weight: 300;
    margin-bottom: 3%;
    display: block;
}
.shop small a {    color: #000;}
.shop h1 {
	color: #000!important;
    font-size: 23px!important;
    font-weight: 600!important;
    font-family: 'Rubik'!important;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 1px;
}
.shop h2 {
    color: #00448c!important;
    font-size: 17px!important;
    font-weight: 600!important;
    font-family: 'Rubik'!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: 18px;
    letter-spacing: 0px;
    /* text-transform: uppercase; */
    font-weight: 600;
    margin: 0;
    /* padding-left: 15px; */
    color: #000;
    margin-bottom: 0%;
    /* border: 1px solid #a7a7a7; */
    padding: 3% 0%;
    border-radius: 3px;
}

.shop h3:after {
	display: inline-block;
    margin: 0px 0 3px 1px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #ee4741;
    width: 25px;
}
.shop h4 {
	    font-size: 14px;
    /* letter-spacing: 0px; */
    font-weight: 400;
    margin: 9px 0;
    padding-left: 0px;
    color: #000000;
    /* text-transform: uppercase; */
}

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

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


.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: 600;
}
.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;
}



.shopin h1{
    font-family: "Rubik", Arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
    padding: 10px 0;
    margin: 0px;
    line-height: 30px;
	
   /* font-family: "Rubik", Arial, sans-serif;
    font-weight: 600;
    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: pointer;
  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: pointer;
}
/* 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{width: 100%;
    position: relative;
    text-align: right;
    display: block;
}

.social-icon {
    margin-right: 18px;
    color: #000;
    font-size: 18px;
}


.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:'Rubik'!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(255 222 173) 0%, rgb(255 227 184) 50%, rgb(161 11 12)50%, rgb(161 11 12) 100%);*/
		background:linear-gradient(180deg, rgb(27 171 179) 0%, rgb(154 179 34 / 0%) 70%, rgb(255 244 228 / 0%) 70%, rgb(255 244 229 / 0%) 100%);} 

.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: 'Rubik', 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: 600;
    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(180deg, rgb(27 171 179) 0%, rgb(154 179 34 / 0%) 70%, rgb(255 244 228 / 0%) 70%, rgb(255 244 229 / 0%) 100%);/*background: linear-gradient(180deg, rgb(255 224 2 / 83%) 0%, rgb(255 223 1 / 0%) 70%, rgb(255 244 228 / 0%) 70%, rgb(255 244 229 / 0%) 100%);*/ }

.regsiter pic {
    display: block;
    position: absolute;
    left: -20px;
    /* bottom: 0px; */
}

.regsiter .form-control {
    display: block;
    width: 100%;
    height: 45px!important;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    font-weight: 600;
    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%);*/
background:linear-gradient(3.1679rad, rgb(27 171 179) 0%, rgb(255 227 184 / 0%) 50%, rgb(255 222 174 / 0%)50%, rgb(255 224 179 / 0%) 100%);}

.myhome .iconset {
    width: 22%;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
}

.myhome .form-control {
	display: block;
    width: 100%;
    height: 45px!important;
    padding: 0px !important;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    font-weight: 600;
    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:'Rubik'!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{
	position:relative;
	width: 100%;
    margin: 0 auto;
    /* border-radius: 6px; */
    /* background: #fff; */
    /* margin-top: 15%; */
    margin: 0;
    /* padding: 1%; */
    display: block;
     background: #fff;
    margin-bottom: 0%;
	z-index:1;
}

.search megamenu {
	width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    background: #fe812f;
    height: 49px;
}

.search homebut {
      position: absolute;
    width: 50px;
    top: 0;
    left: 0;
    z-index: 3;
    padding: 15px 14px;
    background: #13888f;
    height: 50px;
}

.search .autosearch {
    z-index: 3;
}
.search .link {
    z-index: 3;
}

.search button {
	width: 50px;
    background: #fe812f;
    color: #fff;
    height: 49px;
    position: absolute;
    top: 0;
    border: 0px;
    right: 0px;
}

.search .form-group { position:relative;   margin-bottom:0px !important;}
.search .form-control {
  display: block;
    width: 95%;
    height: 49px!important;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    font-weight: 600;
    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 solid #fe812f !important;
	border-bottom: 1px solid #1babb3!important;
    background: #fff !important;
    /* border-top: 0px solid #f5d19b !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: 0px;
    font-weight: 500;
    margin: 0px !important;
    height: 49px !important;
    margin-left: 12%;
    padding-left: 26px !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:-34px; background:#ae2c2d; margin-top:0px;letter-spacing:2px;font-weight: 600;}
.search .dropdown-menu>li>a {  color: #fff}
.search .dropdown-menu>li>a:hover {    color: #ffffff;    text-decoration: none;  background: #9e0e0c !important; }

.search part20 {
    width: 20%;
    float: left;
/*    padding: 1%;
    background: #ae2c2d;*/
    color: #fff;
	z-index: 2;
    position: relative;
}
.search part60 {
    width: 60%;
    float: left;
/*    padding: 2%;
    background: #fff;*/
    color: #000;
	z-index: 2;
    position: relative;
}

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


.search .link span a {
	color: #fff !important;
    text-decoration: none;
    padding: 6% 2%;
    display: inline-block;
    height: 49px;
    font-size: 12px;
    font-weight: 700;
    width: 50%;
    text-align: center;
}

#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; 
}


/*.aboutinbg{background-image:url(../images/aboutinbg.jpg); background-repeat:no-repeat;}*/
.newsbg{/*background-image:url(../images/newsbg.jpg);*/ background-repeat:no-repeat;}
.subscribebg{background-image:url(../images/subscribebg.jpg); background-repeat:no-repeat;}
.carebg{background-image:url(../images/carebg.jpg); background-repeat:no-repeat;}
.contactbg{background-image:url(../images/contactbg.jpg); background-repeat:no-repeat;}
.productsinbg{background-image:url(../images/productsinbg.jpg); background-repeat:no-repeat;}



.aboutbg{
	background:#fff;
	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;}

.aboutindbg{
	background-image:url(../images/welcome-banner-1.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:450px;
	}
	

.aboutindbg1{
	background-image:url(../images/car1.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:300px;
	}



.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;}

.productsbg{
	position:relative;
	background-image:url(../images/productsbg.jpg);
/*	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;*/
    background-repeat: no-repeat;
	padding: 2% 12%;}	
	
.highlightsbg{
	position:relative;
	background-image:url(../images/servicesbg.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:450px;
	}
	
.highlightsbg::before {
   content: "";
    background: -webkit-linear-gradient(top, #000000 15%, #000000);
    background: -moz-linear-gradient(top, #000000 15%, #000000);
    background: -o-linear-gradient(top, #000000 15%, #000000);
    background: -ms-linear-gradient(top, #000000 15%, #000000);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #000000), to(#000000));
    background: linear-gradient(top, #000000 15%, #000000);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
    z-index: 0;
}


.highlightsmapbg{
    background-image: url(../images/map.png);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.2;
    z-index: 0;
	}
	
.managmentbg{
	background:#fff;
	background-image:url(../images/managmentbg.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:450px;
	text-align:right;
	}	

.managmentbg img {
    width: 225px;
    margin-top: 12%;
}
		
.regsiterbg{
	background:#fff;
	background-image:url(../images/registerbg.jpg);
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	height:100vh;
	    /*padding: 0% 6% 6% 8%!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: 'Rubik' !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: 500!important;
    font-family: 'Rubik'!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: 'Rubik'!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: 'Rubik'!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;}

rightlink {
    position: absolute;
    top: 10%;
    right: 10px;
    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: 500;
    font-family: "Rubik";
    color: #000;
    z-index: 9;
    text-transform: uppercase;
}

.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: "Rubik";
    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: "Rubik";
    padding: 5px;
    color: #2d3165;
		z-index:9;
		text-transform:uppercase;
}

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: 18px;
    font-weight: 400;
    font-family: "Rubik";
    text-transform: uppercase;
  /*  background: #c00808;*/
    color: #fff;
}

.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: 600;
    font-family: "Rubik";
    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: 600;
    font-family: "Rubik";
    text-transform: uppercase;
    background: #0d2f6d;
    color: #fff;
	z-index: 1;
}




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

icon img {
    width: 75px;
}



.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: 'Rubik' !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: 'Rubik' !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: 'Rubik' !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: 'Rubik', sans-serif;
	text-align:left;}

/*.bodycon li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #000; 
    margin-right: 7px;}*/
	
.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: 'Rubik', 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: 'Rubik' !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: 'Rubik'!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: "Rubik";
    text-transform: uppercase;
    background: #fe2202 !important;
    color: #fff;
}



.aboutind{
position:relative;
width:100%;
margin:0;
/*padding:6% 8%*/
z-index:1;
}

.aboutind p {
    color: #000 !important;
    font-size: 17px;
    font-weight: 300;
    Line-height: 26px;
    margin-top: 0px;
    text-align: justify;
    font-family: 'Rubik', sans-serif;
    padding: 0% 10% 15% 3%;
}

.aboutind h1{   
     color: #fff;
    font-size: 22px!important;
    font-weight: 400!important;
    padding: 0px;
    font-family: 'Rubik', sans-serif;
    text-align: left;
    display: block;
    width: 93%;
    margin: 0px;
    margin-bottom: 2%;
    margin-top: 18%;
    line-height: 31px;
}

.aboutind h2 {
    color: #ce8f5a;
    font-size: 19px!important;
    font-weight: 300!important;
    padding: 0px;
    font-family: 'Merriweather';
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px;
	margin-bottom: 2%;
    /* margin-top: 10px; */
    /*text-transform: uppercase;*/}

.aboutind h3{   
    color: #000;
    width: 100%;
    font-size: 28px!important;
    font-weight: 400!important;
    font-family: 'Rubik'!important;
    line-height: -3px;
    line-height: 31px;
    ext-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* margin-bottom: 5%; */
    margin: 4% 0%;
}
	
.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: 600;
    font-family: "Rubik";
    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:2%;
}

.aboutind but a{	
/*background: #D81C4C; */
    width: auto;
    text-align: center;
    /* margin: 0 auto; */
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    border: solid 2px #040404;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 4% 18%;
    font-family: "Rubik";
	}

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


.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: 500;
    text-transform: uppercase;
}


.about{
     position: relative;
    width: 100%;
    padding: 4% 2%;
    /* margin: 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;*/
}

.about .iconset a {
    color: #5f6061!important;
    text-decoration: none;
}

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



.about p {
    color: #000 !important;
    font-size: 18px;
    font-weight: 300;
    Line-height: 28px;
    margin-top: 0px;
    text-align: justify;
    font-family: 'Rubik', sans-serif;
}

.about small{
	color: #000 !important;
    font-size: 12px !important;
    font-weight: 100 !important;
    font-family: 'Rubik' !important;
    text-align: center;
    display: block;
    width: 100%;
    padding: 4% 0% !important;
    margin: 0% !important;
    /* text-transform: uppercase; */
    letter-spacing: 1px;

}

.about head1 {
font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    line-height: 46px;
    /* padding: 5%; */
    margin-bottom: 3%;
    /* padding-bottom: 22%; */
    display: block;
    text-align: center;
}

.aboutcon{ padding: 0% 4% 6% 4%!important;}

img1 img {
    margin-top: 25%;
}

.about h1{   
width: 100%;
    color: #000;
    font-size: 29px!important;
    font-weight: 500!important;
    font-family: 'Rubik'!important;
    line-height: 35px;
    text-align: left;
    /* letter-spacing: 1px; */
    /* border-top: 1px solid #000; */
    /* border-bottom: 1px solid #000; */
    /* padding: 2% 0%; */
    margin-bottom: 1% !important;
    padding: 0px;
    margin: 0px;
}
.about .form-control {
 display: block;
    width: 100%;
    height: 45px!important;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    font-weight: 600;
    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 #000;
    margin-bottom: 2%;
}

.aboutin h1 {
    color: #fff;
    width: 60%;
    font-size: 37px!important;
    font-weight: 300!important;
    font-family: 'Rubik'!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: 'Rubik'!important;
    line-height: 29px;
    padding: 0%;
    text-align: center;
    margin: 0 auto;
   /* text-transform: uppercase;*/
}


.about h2{
	 color: #000;
    width: 100%;
    font-size: 23px!important;
    font-weight: 600!important;
    font-family: 'Rubik'!important;
    line-height: 29px;
    padding: 3% 0%;
    text-align: left;
    margin: 0 auto;
    /* text-transform: uppercase; */
}

.about h3{
	color: #000;
    width: 100%;
    font-size: 20px!important;
    font-weight: 500!important;
    font-family: 'Rubik'!important;
    line-height: 22px;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5%;
    margin-top: 15%;
    background: #a90915;
    padding: 3%;
}






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


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


.members h1{ 
	width: 100%;
    color: #000;
    font-size: 27px!important;
    font-weight: 300!important;
    font-family: 'Rubik'!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: 'Rubik'!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: 'Rubik'!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: 'Rubik'!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: 'Playfair Display 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: 'Playfair Display 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: 600!important;
    font-family: 'Rubik'!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;}








.category{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 2% 1%;
	z-index:0;
    /* padding: 8% 0% 0% 0%!important; */
    /* margin-top: 2%;*/}

.category p {
    color: #000 !important;
    font-size: 16px;
    font-weight: 400;
    Line-height: 24px;
    margin-top: 0px;
    text-align: left; 
    font-family: 'Rubik', sans-serif;
	position:relative;
}

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

.category h1{
position: relative;
    color: #000;
    /* width: 320px; */
    font-size: 20px!important;
    font-weight: 700!important;
    font-family: 'Rubik', sans-serif!important;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* background: #fff; */
    padding: 0;
    /* width: 80%; */
    /* margin-top: 5%; */
    padding-bottom: 2%;
}

.category h1::after {
    display: inline-block;
    margin: 0 0 4px 10px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #000;
    width: 30px;
}
.category h1::before {
   display: inline-block;
    margin: 0px 10px 4px 0;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #000;
    width: 30px;
}
<!--.highlights h1 img {    width: 135px;    margin-right: 7px;}-->

.category h2{
    color: #000;
    width: 80%;
    font-size: 28px!important;
    font-weight: 600!important;
    font-family: 'Rubik', sans-serif!important;
    line-height: 35px;
    padding: 0;
    margin-top: 52px;
    text-transform: uppercase;
    letter-spacing: 0px;
	float:right;
}



.category set {
       position: relative;
    width: 48%;
    text-align: center;
    float: left !important;
    padding: 0%;
    background: #ffffff;
    margin-right: 1%;
    margin-top: 0;
    margin-bottom: 2%;
    z-index: 1;
    margin-left: 1%;
    height: auto;
    border: 0px solid #ffdf01;
}
.category set img{ width: 100%; height: auto;}

.category set icon {position: relative;}
	
.category set icon:before {
  	content: "";
    background: rgb(0,0,0);
    background:linear-gradient(188grad, rgb(255 237 103) 0%, rgb(255 237 103 / 0%) 40%, rgb(239 239 239 / 0%) 40%, rgb(239 239 239 / 0%) 100%);
    background-repeat: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: 0;
}

.category set offer {
    position: absolute;
    background: #ee4741;
    top: 0;
    left: 0px;
    padding: 2%;
}
.category set offer h1{ color: #fff;    font-size: 12px !important;    font-weight: 500 !important;    text-align: center;    line-height: 18px !important;}
.category set offer h2{    color: #fff !important;    font-size: 30px !important;    font-weight: 900 !important;    text-align: center;    line-height: 30px; height:auto;}

.category set offer h1::before {
   display: inline-block;
    margin: 0!important;
    height: 0px!important;
    content: " ";
    text-shadow: none;
    background-color: #000;
    width: 0px!important;
}

.category set  bor{
    display: block;
    width: 50px;
    height: 3px;
    margin: 0 auto !important;
    background: #000;
    transform: rotate(90deg);
    margin-bottom: 8% !important;
/*rotation-point:50% 50%!important;
rotation:90deg!important;
margin-bottom: 2% !important;*/
/*text-align: left;
    margin-top: .5% !important;*/
}
.category set p {
	color: #000 !important;
    font-size: 14px;
    font-weight: 100;
    Line-height: 24px;
    margin-top: 0px;
    text-align: left;
    font-family: 'Rubik', sans-serif;
    position: absolute;
    top: 45px;
    left: 25px;
}

.category set h1{   
    color: #000;
    font-size: 12px!important;
    font-weight: 600!important;
    font-family: 'Rubik'!important;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 0px;
    /* border: 1px solid #ccc; */
    /* background: #fff; */
    /* padding: 0% 1%; */
}


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


.category set h2{
	color: #002a2c!important;
    width: 100%;
    font-size: 18px!important;
    font-weight: 700!important;
    font-family: 'Rubik'!important;
    line-height: 18px;
    padding: 0%;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 0px;
    height: 60px;
    position: absolute;
    top: 25px;
    left: 25px;
}


.category .bottomlink h1{
       color: #fff;
    /* width: 320px; */
    font-size: 497px!important;
    font-weight: 800!important;
    font-family: 'Rubik'!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%; */
}

.category set a but {
color: #fff !important;
    /* border: 1px solid #000; */
    padding: 2% 5%;
    border-radius: 5px;
    background: #9ab322;
	text-decoration:none !Important;
}


.category but a {
    width: auto;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border: solid 1px #ff9900 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 3%;
    font-family: "Rubik";
    background: #f90;
    display: inline;
    float: left;
    margin-right: 2% !important;
    margin-top: 20px !important;

}


.category 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%;
	}


.category 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;
}

.category parta small{
	color: #000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Rubik', 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;
	}
	
.category parta small:after {
    display: inline-block;
    margin: 0 0 8px 0px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #fed586;
    width: 140px;
}
.category parta h1{ 
	color: #000;
    font-size: 28px!important;
    font-weight: 600!important;
    font-family: 'Rubik', sans-serif!important;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    width: 100%;
	}

.category parta but { width:100% !important;}
.category 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;
}
.category 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;
}
.category parta but a:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    text-decoration: none !important;
}


.category 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%;
	}
	

.category 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;
}

.category partb small{
	color: #000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Rubik', 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;
	}
	
.category partb small:after {
    display: inline-block;
    margin: 0 0 8px 0px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #fed586;
    width: 140px;
}
.category partb h1{ 
	color: #000;
    font-size: 28px!important;
    font-weight: 600!important;
    font-family: 'Rubik', sans-serif!important;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    width: 100%;
	}
.category partb but { width:100% !important;}
.category 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;
}
.category 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;
}
.category partb but a:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    text-decoration: none !important;
}
	
	
	

.category 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%;

	}

	

.category 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;
}

.category partc small{
	color: #000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Rubik', 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;
	}
	
.category partc small:after {
    display: inline-block;
    margin: 0 0 8px 0px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color:#fed586;
    width: 140px;
}
.category partc h1{ 
	color: #000;
    font-size: 28px!important;
    font-weight: 600!important;
    font-family: 'Rubik', sans-serif!important;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    width: 100%;
	}
	
.category partc h2 {

}
	
.category partc but { width:100% !important;}
.category 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;
}
.category 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;
}
.category partc but a:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    text-decoration: none !important;
}




.highlights{
    position: relative;
    width: 100%;
   	margin: 0; 
	padding: 2%;
	background:linear-gradient(180deg, rgb(249 218 99) 0%, rgb(243 215 104) 30%, rgb(230 201 91 / 0%) 30%, rgb(249 218 99 / 0%) 100%);
	z-index:0;
}

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

.highlights small{
color: #000 !important;
font-size: 12px !important;
font-weight: 500 !important;
font-family: 'Rubik' !important;
text-align: center;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
text-transform: uppercase;
}
.highlights h1{
  position: relative;
    color: #000;
    /* width: 320px; */
    font-size: 23px!important;
    font-weight: 600!important;
    font-family: 'Rubik', sans-serif!important;
    line-height: 60px;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* background: #fff; */
    padding: 0;
    /* width: 80%; */
    /* margin-top: 5%; */
    padding-top: 5;
}

.highlights h1::after {
    display: inline-block;
    margin: 0 0 4px 10px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #000;
    width: 30px;
}

.highlights h2{
	color: #000;
    width: 80%;
    font-size: 18px!important;
    font-weight: 300!important;
    font-family: 'Rubik'!important;
    line-height: 31px;
    padding: 1%;
    float: right;
    margin-top: -30px;
	margin-bottom: 3%;
    /* position: absolute; */
    /* left: 0; */
}



.highlights set {
position: relative;
    width: 19%;
    text-align: center;
    float: left !important;
    padding: 1%;
    background: #ffffff;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 30px;
    z-index: 1;
    /* margin-left: 1%; */
    height: auto;
    border:1px solid #d3d3d3;
}
.highlights set img{ width: auto;    height: 140px;}


.highlights input#qty {
    height: 25px;
    margin-bottom: 22%;
}

.highlights set  bor{
    display: block;
    width: 50px;
    height: 3px;
    margin: 0 auto !important;
    background: #000;
    transform: rotate(90deg);
    margin-bottom: 8% !important;
/*rotation-point:50% 50%!important;
rotation:90deg!important;
margin-bottom: 2% !important;*/
/*text-align: left;
    margin-top: .5% !important;*/
}

.highlights set h1{   
	color: #000;
    font-size: 12px!important;
    font-weight: 400!important;
    font-family: 'Rubik'!important;
    line-height: 14px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* border: 1px solid #ccc; */
    /* background: #fff; */
    padding: 5% 0%;
    height: 50px;
}


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


.highlights set h2{
  color: #000!important;
    width: 100%;
    font-size: 15px!important;
    font-weight: 400!important;
    font-family: 'Rubik'!important;
    line-height: 21px;
    padding: 1% 4%;
    text-align:center;
    margin: 0 auto;
}


.highlights .bottomlink h1{
       color: #fff;
    /* width: 320px; */
    font-size: 497px!important;
    font-weight: 800!important;
    font-family: 'Rubik'!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%; */
}


.highlights .qty{
	height: 25px;
    margin-bottom: 15px;
    text-align: center;
    border: 1px solid #ccc !important;
}

.highlights set but a {
 width: 100px;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 11px;
    font-weight: 300;
    border: solid 1px #e81e24 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 2%;
    font-family: "Rubik";
    background: #e81e24;
    display: inline;
    /* float: left; */
    /* margin-right: 2% !important; */
    /* margin-top: 20px !important; */
    position: absolute;
    bottom: -12px;
    left: 25%;
    border-radius: 7px;
}

.highlights set .but {
 	width: 100px;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 11px;
    font-weight: 300;
    border: solid 1px #e81e24 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 2%;
    font-family: "Rubik";
    background: #e81e24;
    display: inline;
    /* float: left; */
    /* margin-right: 2% !important; */
    /* margin-top: 20px !important; */
    position: absolute;
    bottom: -12px;
    left: 25%;
    border-radius: 7px;
}

.highlights set span .but {
 	width: 100px;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 11px;
    font-weight: 300;
    border: solid 1px #e81e24 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 2%;
    font-family: "Rubik";
    background: #e81e24;
    display: inline;
    /* float: left; */
    /* margin-right: 2% !important; */
    /* margin-top: 20px !important; */
    position: absolute;
    bottom: -12px;
    left: 25%;
    border-radius: 7px;
}


.highlights set span > i {
   color: #ffffff;
    position: absolute;
    left: 27%;
    bottom: -5px;
    z-index: 9;
}
.highlights set span > input {
 /*background: none;
    color: white;
    padding: 0;
    border: 0;*/
   width: 120px;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    border: solid 1px #e81e24 !important;
    margin: 0px !important;
    text-transform: uppercase;
    padding: 2%;
    font-family: "Rubik";
    background: #e81e24;
    display: inline;
    /* float: left; */
    /* margin-right: 2% !important; */
    /* margin-top: 20px !important; */
   /* position: absolute;
    bottom: -12px;
    left: 25%;*/
    border-radius: 7px;
}


.offers{
    position: relative;
    width: 100%;
   	margin: 0; 
	padding: 2%;
	background:linear-gradient(180deg, rgb(230 230 230) 0%, rgb(230 230 230) 30%, rgb(230 201 91 / 0%) 30%, rgb(249 218 99 / 0%) 100%);
	z-index:0;
}


.offers h1{
  position: relative;
    color: #000;
    /* width: 320px; */
    font-size: 23px!important;
    font-weight: 600!important;
    font-family: 'Rubik', sans-serif!important;
    line-height: 60px;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* background: #fff; */
    padding: 0;
    /* width: 80%; */
    /* margin-top: 5%; */
    padding-top: 5;
}

.offers h1::after {
    display: inline-block;
    margin: 0 0 4px 10px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #000;
    width: 30px;
}


.news{
   position: relative;
   width: 100%;
   margin: 0; 
       padding: 4% !important;
	   background:linear-gradient(180deg, rgb(243 243 243) 0%, rgb(244 243 243) 50%, rgb(243 243 243) 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: 'Rubik', sans-serif;
}

.news small{
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    font-family: 'Rubik' !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: 500!important;
    font-family: 'Rubik'!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;
}




.projects{
    position: relative;
    width: 100%;
   margin: 0; 
   padding: 4%!important;
}
.projects h1 {
    position: relative;
    color: #000;
    /* width: 320px; */
    font-size: 28px!important;
    font-weight: 600!important;
    font-family: 'Rubik'!important;
    line-height: 8px;
    line-height: 28px;
    text-align: left;
    /* margin: 0 auto; */
    text-transform: uppercase;
    letter-spacing: 1px;
    /* background: #fff; */
    padding: 19%;
    width: 100%;
    /* margin-top: 5%; */
    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:0;
}
.subscribe .cont {
    padding: 0% 4%;     margin-top: 5%;
}

.subscribe sn {
	position:relative; display:block;
    font-size: 18px;
    font-weight: 800;
}
.subscribe sn::after {
display: inline-block;
    margin: 0px 40px 30px -20px;
    height: 2px;
    content: " ";
    text-shadow: none;
    background-color: #000;
    width: 250px;

}

.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: #000 !important;
    font-size: 18px;
    font-weight: 300;
    Line-height: 27px;
    margin-top: 0px;
    text-align: left;
    font-family: 'Rubik', sans-serif;
}



.subscribe h1{   
  color: #000;
    /* width: 100%; */
    font-size: 34px!important;
    font-weight: 500!important;
    font-family: 'Rubik'!important;
    line-height: 40px;
    text-align: left;
	    margin-top: 32%;
    /* margin: 0 auto; */
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
    /* border: 1px solid #ccc; */
    /* background: #fff; */
    /* padding: 0% 1%;*/
}
.subscribe h2{   
   color: #000;
    /* width: 100%; */
    font-size: 23px!important;
    font-weight: 500!important;
    font-family: 'Rubik'!important;
    line-height: 32px;
    text-align: left;
    /* margin: 0 auto; */
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    /* border: 1px solid #ccc; */
    /* background: #fff; */
    /* padding: 0% 1%; */
}
.subscribe h3{   
color: #000;
    /* width: 100%; */
    font-size: 18px!important;
    font-weight: 500!important;
    font-family: 'Rubik'!important;
    line-height: 60px;
    text-align: center;
    /* margin: 0 auto; */
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    /* border: 1px solid #ccc; */
    /* background: #fff; */
    /* padding: 0% 1%; */
    padding: 0px;
    /* margin-right: 60px; */
    margin: 0px;
}

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

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

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


.brands {
 /*   padding: 5% 2%;
    position: relative;
    z-index: 0;*/
	padding: 1%;
    position: absolute;
    z-index: 0;
    bottom: 100px;
    width: 96%;
    display: block;
    background: #fff;
    margin-left: 2% !important;
}

.brands h1 {
     position: relative;
    color: #000;
    /* width: 320px; */
    font-size: 23px!important;
    font-weight: 600!important;
    font-family: 'Rubik', sans-serif!important;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* background: #fff; */
    padding: 0;
    /* width: 80%; */
    margin-bottom: 1%;
    padding-top: 5;
}

.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: #ee4741 !important;
    width: 100%;
    font-size: 21px!important;
    font-weight: 500!important;
    font-family: 'Rubik'!important;
    text-align: center !important;
    margin: 0 auto;
    letter-spacing: 0px !important;
    display: block;
    line-height: 21px;
	height:30px;
}

price1{   
     color: #ee4741;
    width: 100%;
    font-size: 20px!important;
    font-weight: 500!important;
    font-family: 'Rubik'!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: 'Rubik', sans-serif;
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
	}
	
.shadow{
-webkit-box-shadow: 0px 0px 12px 0px rgb(150 150 150 / 31%);
-moz-box-shadow: 0px 0px 12px 0px rgb(150 150 150 / 31%);
box-shadow:0px 0px 12px 0px rgb(150 150 150 / 31%);
}

 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;
    margin-bottom: 2% !important;
    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:5%;*/
width:100%;
}

.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:'Rubik';
color: #000;
    font-size: 28px!important;
    font-weight: 600!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: "Rubik";
    font-weight: 300;
    color: #fff;
    padding: 3% 9%;
    color: #000 !important;
    line-height: 31px;
    text-align: center;
}




.testimonials {
position:relative;
padding:5%;
width:100%;
}

.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;
}

.testimonials h1{
font-family:'Rubik';
color: #000;
    font-size: 28px!important;
    font-weight: 600!important;
    line-height: 50px;
    text-align:center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}

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


.clients{
padding:2% 0%;}

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



.contact{
	width:100%;
	padding:2%;
	/*background:#f6f6f6;*/
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	background-image:url(../images/contactbg.jpg);
}

.contact .btn-danger {
	width: 200px; 
	background: #5dbde6; 
	border: 1px solid #5dbde6; 
	border-radius: 0px !important;
	color: #000;
    font-weight: 500;
    font-family: "Rubik";
    font-size: 20px;
	float:right;
	}

.contact small{
color: #1c2054 !important;
font-size: 90% !important;
font-weight: 100 !important;
font-family: 'Rubik' !important;
text-align: center;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
text-transform: uppercase;
}



.contact h1 {
 color: #000;
    width: 100%;
    font-size: 21px!important;
    font-weight: 5400!important;
    font-family: 'Rubik'!important;
    line-height: 26px;
    padding: 2% 0%;
    text-align: left;
    margin: 0 auto;
    text-transform: none!important;
    letter-spacing: 0px;
}
.contact h2{
    color: #1c2054;
    width: 100%;
    font-size: 23px!important;
    font-weight: 400!important;
    font-family: 'Rubik'!important;
    line-height: 29px;
    padding: 2%;
    text-align: center;
    margin: 0 auto;
   /* text-transform: uppercase;*/
}

.contact h3{
     color: #1c2054;
    width: 100%;
    font-size: 27px!important;
    font-weight: 500!important;
    font-family: 'Rubik'!important;
    line-height: 27px;
    text-align: left;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
	margin-bottom: 5%;
}


.footer{
position:relative;
width: 100%;
    margin: 0 auto;
    padding:1%;
    font-family: 'Rubik'!important;
    color: #fff;
    font-size: 100%;
    font-weight: 100;
    text-decoration: none;
	    background: #e6e6e6;
		padding:2% 2% 5% 2%;
		z-index:1;
   /* background: #fbf5ed;*/
}
.footer a {
    color: #000;
    text-decoration: none !important;
}
.footer a:hover {
  color: #1babb3;
    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 h1{
      color: #000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Rubik' !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
  text-transform: uppercase;
    margin-bottom:5% !important;
}
.footer h2{
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Rubik' !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0% !important;
    margin: 0% !important;
    /* text-transform: uppercase; */
    margin-bottom: 2% !important;
    line-height: 20px;
}

.footer p{
color: #000  !important
font-size: 17px !important;
font-weight: 300 !important;
font-family: 'Rubik' !important;
text-align:justify;
display: block;
width: 100%;
padding:0% !important;
margin: 0% !important;
}

.footer  small {
  font-size: 12px!important;
    color: #464646!important;
    font-weight: 300!important;
    font-style: jus;
    text-align: justify;
}


.footerlogo {
    /*padding: 0 0 10px 0!important;*/
	padding: 0 0 30px 0!important;
    border-bottom: 1px solid #000;
}
.footerlogo img{}

.footerlogo h3{   
color: #000!important;
    /* width: 100%; */
    font-size: 18px!important;
    font-weight: 400!important;
    font-family: 'Rubik'!important;
    line-height: 20px;
    text-align: center;
    /* margin: 0 auto; */
    /* text-transform: uppercase; */
    letter-spacing: 0px;
    /* border: 1px solid #ccc; */
    /* background: #fff; */
    /* padding: 0% 1%; */
    padding: 0px;
    /* margin-right: 60px; */
    margin: 0px;
}

.footer li{
    font-family: 'Rubik'!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: 'Rubik'!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;}

.footer part30 {    margin-top: 40px;}
.footer part70 {    margin-top: 40px;}


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;}

.copyrights{
	position:relative;
	width: 100%;
    text-align: left;
    color: #000;
    font-size: 18px !important;
    font-weight: 600;
    font-family: "Rubik";background: #e6e6e6;
    padding: 0;}

.copyrights p{
	color: #000 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    font-family: 'Rubik' !important;
    text-align: left;
    display: block;
    width: 100%;
    padding: 2% !important;
    margin: 0% !important;
}

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

.copyrights links{ position:relative; width:100%; display:block; padding:3% 0%; border-bottom:1px solid #000; border-top:1px solid #000; z-index:1;}

.copyrights links part25 {
	 width: 23%;
    display: inline-block;
    float: left;
    text-align: center;
    margin-right: 2%;
}
.copyrights links h1 {
    font-size: 14px;
    text-align: center;
    position: absolute;
    top: -21px;
    left: 10%;
    margin: 0;
    padding: 1%;
    background: #e6e6e6;
    width: 300px;
    border-radius: 22px;
    border: 1px solid #000;
}


.clear {
	clear: both;	
}

#map {
 width: 100%;
 height: 200px;}
 #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(138 138 138 / 22%);
    -moz-box-shadow: -1px 21px 15px -9px rgb(3 82 115 / 22%);
    box-shadow: -1px 21px 15px -9px rgb(93 93 93 / 22%);
}


.fixed-header .logo img {width: auto;    height: 70px;}
.fixed-header but a { margin-top:10px;}
.fixed-header .wsdownmenu-list > li > a { color:#000!important; }
.fixed-header .header {/* margin-top: 15px;*/}
.fixed-header .since img {	width:auto;	height:80px;}
.fixed-header .fa {margin-top: 15px;   color: ##4bd6db ;     font-size: 14px !important;}



#stickyheader{
  width: 100%;
  height: 100px;
/*  background: #fff;*/
  margin: 0;
  padding: 5px;
}
.sticky div#stickyheader{
	position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}

.stickyheader .logo img {width: auto;    height: 70px;}
.stickyheader but a { margin-top:10px;}
.stickyheader .wsdownmenu-list > li > a { color:#000!important; }
.stickyheader .header {/* margin-top: 15px;*/}
.stickyheader .since img {	width:auto;	height:80px;}
.stickyheader .fa {margin-top: 15px;   color: #797d86;}


#backTop{
    width:35px;
    height:45px;
    padding:10px;
   border-radius:50px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
right: 100px !important;
    bottom: 20px !IMPORTANT;}

#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-1.png) no-repeat center center rgb(26 27 26 / 0%);
   /* 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;}

.top{
    width: 100%;
    padding: 0%;
    text-align: center;
    position: relative;
    background: #fff;
	z-index:1
}

/*.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 {    padding: 0;}

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

.logo h1 {
	color: #000;
    font-size: 17px;
    font-weight: 900;
    padding: 0px;
   font-family: 'Rubik', 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: 600;
	line-height: 16px;
    padding: 0px;
    font-family: 'Rubik', 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 {
text-align: right;
    color: #000;
    width: 70%;
}
login img {
    width: 21px !important;
    /* display: block; */
    margin-right: 0;
    margin-top: 0px;
}

.top .set2 part20 {    width: 50% !important;}
.top .set2 part60 {    width: 0% !important;}

cart count {
    position: absolute;
    left: 27px;
    top: -15px;
    background: #fe812f;
    border-radius: 50%;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    padding: 4px;
}
	
.modal-dialog {width: 95% !important; margin: 10% auto!important;}
.modal-body h3 {font-size: 18px!important;}

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

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


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


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



.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;}

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

ligthblue {  color: #19366b;}

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

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

.care{ display:none;}


.menu{
width:100%;
position:unset;
background:#002264;}

.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: 500;
    font-family: "Rubik";
    color: #000;
    z-index: 9;
    text-transform: uppercase;
}

.right{ text-align:center;}

.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%; z-index:2;}
.search part20 {    width: 50%;}
.search part80 {    width: 50%;}
.search part60 {    width: 88%;}
.search .link {    z-index: 2;    width: 100%; display: none;}
.search .link span a { line-height:normal;    padding: 4% 2%;}

.search megamenu {    height: 41px;}

.search homebut {    background: #13888f; height: 41px;}

.search .dropdown-menu {
    width: 243px !IMPORTANT;
    font-size: 15px;
    border-radius: 0px;
    margin-left: -9px;
    background: #000;
    margin-top: 0px;
}
.search .form-control { width: 86%;    float: right; height: 40px !important;}
.search button {    height: 40px;}

.category h1 {    font-size: 16px!important;   font-weight: 500!important;    line-height: 50px;}
.category set {    width: 100%; height:auto;}
.category set img {    height: auto;}
.category set h2 {    line-height: 18px;    height: 0px;}


.brands { bottom: 10px;}


.shop .filtericon {    display: block;}
.shop .filter {    display: none;}
.shop .btn-danger {    padding: 4% !important;}
.shop .filtericon a {   color: rgb(238 71 65) !important;}
.shop set {    position: relative;    width: 46%;     margin-right: 4%;}
.shop set icon {    width: 150px;    height: 150px;}
.shop set img { width: auto;   height: 90px; margin:0 auto;}
.shop set h1 {    font-size: 12px!important;    font-weight: 500!important;    line-height: 14px;}
.shop set .but {    left: 15%;}
.shop .pad2 { padding: 2% !important;}

.shop set h1 {
    line-height: 15px;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 50px;
    padding: 3% 0%;
}
.shop set span > input {    left: 14%;} 
.shop set span > i { left: 17%;}

.about { padding: 4%; }
.about p {    font-size: 17px;    padding: 3% !important;    line-height: 26px;}
.about h2 {    color: #000 !important;    width: 100%;    font-size: 18px!important;}
.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 {    font-size: 18px!important; line-height: 25px;}

.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;
    height: 150px;
}

.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;}

.highlights set {    position: relative;    width: 48%;    margin: 1%;     margin-bottom: 25px;}
.highlights set img {    width: auto;    height: 90px;}
.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: 0%;}
.subscribe but { color: #000; border: 0px solid #e0c39f;}
.subscribe h1 {line-height: 34px;    margin-top: 40px; }
.subscribe h2 {    color: #000 !important;    line-height: 29px;}
.subscribe h3 {     color: #000 !important;   line-height: 30px;    text-align: center;}



.projects but { width: 100%;}

.aboutind { padding: 0%;}
.aboutindbg1 {    height: 200px;}
.aboutind h1 {
	font-size: 19px!important;
	line-height: 27px;
    color: #fff;
    font-weight: 400!important;
    padding: 0px;
    font-family: 'Rubik', sans-serif;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px;
    margin-bottom: 2%;
    margin-top: 3%;
}
.aboutind p {padding: 3%;}
.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;}

.aboutcon {  padding: 4% !important;}

.about h1 {
padding: 2% 0%;
    margin-bottom: 0% !important;
    text-align: left;
    font-size: 25px !important;
}

img1 img { margin-top:0px;}

.highlights{ position:relative; overflow:hidden;}

.offers{ position:relative; overflow:hidden;}

.flex-container { height: 100vh!important;}

pic img {
    width: 130px;
    position: relative;
    top: 20px;
    right: -150px;
	z-index:1;
}

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



.ticker {padding: 4%;}

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

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

.social { width: 90%;}
.top .social {
    width: 90%;
    display: none;
}
/*.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;}

.footer{
width:100%;
padding:5%;
font-family:'Rubik'!important;
color:#333;
font-size:90%;
font-weight:100;
text-decoration:none;
}

.footerlogo {    width: 100%;    float: left;}
 .footerlogo h3 {    font-size: 15px!important;    padding: 12px 0px;}
.footer part30 {    width: 100%;    float: left;}
.footer part70 {    width: 100%;    float: left; margin-top:0px;}
.footer part70 .col-md-4{ width:50%; float:left; padding: 0px;    margin-top: 5%;}

.copyrights {    margin-top: 0; padding:3%;} 
.copyrights links {    padding: 7% 0%;}
.copyrights links h1 {    top: -13px;}
.copyrights links part25 {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.fixed-header {
    position: fixed;
    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;

	}
	

.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-popup-wrap {    width: 80%!important;    left: 0;    top: 0;     -webkit-box-shadow: 0px 0px 12px 0px rgb(150 150 150 / 67%);    -moz-box-shadow: 0px 0px 12px 0px rgba(150,150,150,0.67);    box-shadow: 0px 0px 12px 0px rgb(150 150 150 / 67%);}
.cbp-popup-singlePage .cbp-popup-navigation-wrap {  right: 0 !important;    width: 80% !important;    left: unset !IMPORTANT;}
.cbp-popup-singlePage-open {    left: 20%!important;}



	
	}
	
	

@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:relative;
width: 100%;
padding:0%;
text-align:center;
}

.top h1 {  font-size: 18px;  font-weight: 500; 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;}
.link {    width: 70%;    float: right;}
.top .set2 but a {    width: 49%;}
.cart {    width: 49%;    float: right;}
.cart part50 {    width: 50%;}


.logo h1 {
	color: #000;
    font-size: 25px;
    font-weight: 900;
    padding: 0px;
   font-family: 'Rubik', 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: 600;
    padding: 0px;
    font-family: 'Rubik', 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; */
}

.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;
}

set {
    width: 50%;
    display: block;
    /* padding: 5%; */
    float: left;
    height: 150px;
}
	
.bottomlink h1 a {
    font-size: 45px!important;
    letter-spacing: 15px;
}

.logo{ padding:0px;}
	
.logo img{
/*width: 140px !important;*/
    display: block;
    position: relative;
    float: left;}


.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;}



.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;
}

.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: #000; border: 0px solid #e0c39f;}


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

.aboutind { padding: 0%;}
.aboutindbg1 {    height: 200px;}
.aboutind h1 {
	font-size: 19px!important;
	line-height: 27px;
    color: #fff;
    font-weight: 400!important;
    padding: 0px;
    font-family: 'Rubik', sans-serif;
    text-align: left;
    display: block;
    width: 100%;
    margin: 0px;
    margin-bottom: 2%;
    margin-top: 3%;
}
.aboutind p {padding: 3%;}
.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;}

.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;}

.social {
    width: 100%;}


.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:'Rubik'!important;
color:#333;
font-size:90%;
font-weight:100;
text-decoration:none;
}

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

.copyrights {    margin-top: 6%;} 

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

.subscribe but { color: #dabc96; border: 1px solid #e0c39f;}
	
	}
	
	
@media only screen and (min-width: 769px) and (max-width: 980px) {
#wrapper{
width: 100%;
height: auto;
padding: 0;
margin: 0;}
.pad12 {
    padding: 0% !important;
}

}


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

.shop set icon {
    width: 170px!important;
    text-align: center;
    display: block;
    height: 170px!important;
}

.highlights set h3 {  font-size: 18px!important;	}
.aboutind rightlink { padding: 5% 2%;}

logo h1 { font-size: 29px;}
.top h1 { font-size: 30px;}
.top h2 {font-size: 14px;}
.top h1a {font-size: 45px;}

		}



@media only screen and (min-width: 1900px) and (max-width:2560px) {

.shop set icon {
    width: 300px!important;
    text-align: center;
    display: block;
    height: 300px!important;
}

}