@import url('https://fonts.googleapis.com/css?family=Ubuntu|Oswald|Oxygen');
html {scroll-behavior: smooth;}
p{line-height:2em;padding:0px 2% 0px 2%;
font-family: 'Oxygen', sans-serif;}
.logo{width:150px;height:90px;}
.newsection{padding:3% 0% 3% 0%;}
.navbar-brand {padding: 0px;}.footerlink{color:#ccc !important:}
.section1{background:#181818!important;}.section1 p{color:#d9d9d9;}
.navbar-brand>img {height: 100%;  padding: 5px;  width: auto;}
.menu a{color:black!important;}a:hover{text-decoration:none !important;}
.menu .navbar-brand {height: 90px;}a{color:#ccc !important;}
.nav li.active a{text-decoration: none;color:#9840ad !important;} 
.cat{align-items:center !important;display:flex !important;}
.nav>li>a:focus,.nav>li>a:hover {text-decoration: none;color:#9840ad !important;}
.menu .nav >li >a {text-align:center;  white-space: nowrap;font-weight:500;font-family: 'Ubuntu', sans-serif;}
.menu .navbar-toggle {margin-top:12%;}.productdesc{text-align:left;font-size: 15px; line-height:2em;padding:5%;}
.my-5{margin:1rem 0px!important;}
.navbar-toggle {background-color: #8034939c!important;background-image: none;border: 1px solid #4d3d3d!important;border-radius: 4px;} 
.navbar-toggle .icon-bar {background-color: #ffffff !important;}
.topimg img{padding:1%;}
.gallery img,iframe{padding:2%;}
.nav-pills li{ background: #005873 !important;border-radius: 15% 15% 0 0;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #fff !important; background-color: #3e3d3d !important;}
.nav-pills > li > a:focus, .nav-pills > li > a:hover {text-decoration: none;background:grey !important;color: #fff !important;}
.warm{color:#9d9896;font-family: 'Oswald', sans-serif;}
@media (min-width:768px){.menu ul{margin-top: 3%;}}
@media (max-width:768px){.uv{font-size:3em !important;padding-top:4% !important;}}
.smallheading{color:#6b5e6d;font-family: 'Oswald', sans-serif;margin-bottom: 25px;}
.welcomeheading{padding: 1% 0px;}.utube a{color:black !important;}
.pimg3{
  position:relative;
  opacity:0.9;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.pimg3{  background-image:url('../images/uvback1.jpg');  min-height:420px;}
.pimg2{
  position:relative;
  opacity:0.9;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}.pimg2{  background-image:url('../images/pimg2.jpg');  min-height:220px;}
.pimg1{
  position:relative;
  opacity:0.9;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.pimg1{background-image:url('../images/solution.jpg'); }
.quality{float: right;font-weight: 600;padding-right: 1em;font-family: 'Oswald', sans-serif;letter-spacing:2px;color:white;padding-top: 3%;}
.car{ background-image: linear-gradient(to bottom right, #fff, #e5e5e5b8,#d7d7d76b);}
.carousel-control.right,.carousel-control.left:hover{background-image:#ccc!important;}
.parallaxbg{text-align:center;background:white;margin: 1em 0em 1em 0em; max-width:100%; padding: 10px 10px;}
.btn-ok{background: #553d85 !important;
margin-bottom: 2%;
width: 12%;
min-width: 100px;
font-weight: 600;
font-style: italic;
color: white;}
a .btn-ok{width:150px;padding:0.5% 1.4%;} 
.fr{float: right;}
iframe{padding:2%;}
.btn-ok:hover{color:#ccc !important;}
.blackline{border-top:1px solid black !important;margin-bottom:0px !important;}
.newsection1{background: -webkit-linear-gradient(#ff00d4, #232949);-webkit-background-clip: text;    -webkit-text-fill-color: transparent;
 font-family: 'Oswald', sans-serif; letter-spacing: 2px;}
.spl{background: -webkit-linear-gradient(#ff00d4, #232949);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'Oswald', sans-serif;letter-spacing: 2px;padding:1%;}
@media (min-width:900px){
.newsection1{    padding: 1% 0% 1% 0%;}}
footer{margin:0px !important;padding:3% 1%;font-size:16px;letter-spacing:2px;color:#ccc;}
footer a:hover{ color:#9b26b6 !important;} 
.carousel-indicators li{   background-color: rgba(124, 115, 115, 0.34)!important;  border: 1px solid #c2c2c2!important;}
.spares h2{font-family: 'Oswald', sans-serif;text-align:center;}.spares img {max-width:250px;}
.uv{text-align:center;color:white;text-transform:uppercase;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: blue;font-size: 3em;padding:1.5% 0px;}
.splheading{    background: -webkit-linear-gradient(#ff00d4, #232949);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
font-family: 'Oswald', sans-serif;text-align:center;padding-bottom:0.5%;}
.description{line-height: 2.1em;margin: 1% 1% !important;} .spare p{line-height: 2.1em;    margin: 1% 1% !important;}
.tab {overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.tabcontent {animation: fadeEffect 1s;}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #ccc;}
td{width:50%;}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}.nav-pills>li>a {   font-weight: 700;color: white !important;}
.address i {float: left;margin-top: 4px;}
.address div {padding-left: 25px;}
#myImg {
  border-radius: 10%;
  padding:3% 2%;
  cursor: pointer;
  transition: 0.3s;
}
#myImg:hover {opacity: 0.7;}


.py-4{margin: 30px 0;}
.boxshadow{ box-shadow: 0 0 20px rgba(179, 179, 179, 0.5);}
.w-20{width:20%;}
.modal {
  display: none;
  position: fixed;
  z-index: 1; 
  padding: 20px 0px;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 480px;
}
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
.w-100 {width: 100%;}
.imgpad{padding: 10px 5px;}
.w-23 {width: 23%;}
.w-25 {width: 25%;}
.h-100 {height: 100%;}
.p-1 {padding: 10px;}
.p-2 {padding: 20px;}
.m-4 {margin: 40px;}
.m-1 {margin: 10px;}
.mt-4 {margin: 40px;}
.calm{border-left: 1px solid #dbdbdb; border-right: 1px solid white;border-bottom: 1px solid whitesmoke;background: #edededb3;}
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}
@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.close:hover,
.close:focus {color: #bbb; text-decoration: none; cursor: pointer;}
@media only screen and (max-width: 700px){
.modal-content {width: 100%;}
.cat{display:block!important;}
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.notfound .notfound-404 {height: 280px; position: relative; z-index: -1;}
.notfound .notfound-404 h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 190px;
	margin: 0px;
	font-weight: 900;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url('../images/bg.jpg') no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: cover;
	background-position: center;
}
.notfound h2 {
	font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}
.notfound p {
	font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 0px;
}
.notfound a {
	font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  background: #0046d5;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 40px;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
   box-shadow: 0px 4px 15px -5px #0046d5;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #8c8888 !important;
color:black !important}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
.notfound .notfound-404 h1 {font-size: 112px;}
}
.d-none{
  display: none;
}

@media(min-width:767px) and (max-width:992.98px){
	.parallaxbg {
    text-align: center;
    background: white;
    margin: 10px 0px;
    max-width: 100%;
    height: 600px;
}
.productdesc {
    text-align: left;
    font-size: 15px;
    line-height: 2em;
    padding: 10px 5px 10px 20px;
}
}
.mx-auto{margin: 0 auto;}
.my-4{margin:75px 0px;}
.youtube{color:red; font-size:30px!important;}