::selection{background:#004991;color:#fff;}

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

/* Track */

::-webkit-scrollbar-track {background:#fff;}

/* Handle */

::-webkit-scrollbar-thumb {background: #00bcd4;}

::-webkit-scrollbar-thumb:window-inactive {background: #00bcd4;}

body,html{padding:0px;margin:0px;height:100%;font-size: 15px;color: #666;}

.desktop-version{display:block;}

.mobile-version{display:none;}

.fixed-top-own {

    margin-top:-42px;

    animation: .75s ease-in-out 0s normal none 1 running fadeInDown;

    position: fixed;

    right: 0;

    left: 0;

    z-index: 1030;

}

.c-pointer

{

	cursor:pointer;

}

.bg-own

{

	background-color:#00bcd4;

}

.bg-shadow

{

	background-color:#f1f9fd;

}

.text-own

{

	color:#00bcd4;

}

.menu-header .list-group-item 

{

    color: #ffffff;

	background-color: transparent; 

    border: 1px solid transparent; 

}

.navbar-light .navbar-nav .nav-link 

{

    color: #00bcd4;

	padding:3px 15px;

    border:1px solid  transparent;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link 

{

	color: #fff;

	padding:3px 15px;

    border:1px solid #00bcd4;

	background-color:#00bcd4;

}

.dropdown-menu 

{

    padding: 0rem;

}

.dropdown-item.active, .dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #00bcd4;

}

.dropdown-item:focus, .dropdown-item:hover {

    color: #fff;

    background-color: #00bcd4;

}

.dropdown-item 

{

    color: #00bcd4;

}

/************** Mouse hover dropdown **********************/

.navbar-nav li:hover > ul.dropdown-menu {

    display: block;

	animation: .75s ease-in-out 0s normal none 1 running fadeInDown;

}

.dropdown-submenu {

    position:relative;

}

.dropdown-submenu>.dropdown-menu {

    top:0;

    left:100%;

    margin-top:-6px;

}



/* rotate caret on hover */

.dropdown-menu > li > a:hover:after {

    text-decoration: underline;

    transform: rotate(-90deg);

} 

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {

    color: #fff;

	padding:3px 15px;

    border:1px solid #00bcd4;

	background-color:#00bcd4;

}



/************** Mouse hover dropdown **********************/



.carousel-inner img

{

	height: auto;

    display: flex;

    align-items: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.carousel-caption 

{

    position: absolute;

    right: 7%;

    left: 7%;

    top: 0;

    padding-top: 0px;

    color: #fff;

	/*left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);*/

}

.carousel-caption .list-group-item 

{

	padding:3px 0px;

    color: #000;

    background-color: transparent;

    border: 1px solid transparent;

}

.btn-own 

{

    color: #fff;

    background-color: #00bcd4;

    border-color: #00bcd4;

	border-radius: 0px;

	transition: 0.5s all;

}

.btn-own:hover 

{

    color: #fff;

	background-color: #0094a7;

    border-color: #0094a7;

	transition: 0.5s all;

}

.btn-outline-own

{

    color: #00bcd4;

    border-color: #00bcd4;

}

.btn-outline-own:hover, .btn-outline-active

{

    color: #fff;

    background-color: #00bcd4;

    border-color: #00bcd4;

}

.heading-border h3:after {

    content: "";

    width: 120px;

    height: 2px;

    display: block;

    background: #979797;

    margin: 10px 0px;

}

p 

{

	text-align:justify;

}

.owl-theme .owl-dots .owl-dot span 

{

    width: 10px;

    height: 10px;

    margin: 2px 5px;

    background: #D6D6D6;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 2px;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span 

{

    background: #00bcd4;

}

.owl-nav

{

	display:none;

}

.owl-dots

{

	padding:15px 0px;

}

.fa-quote-right, .fa-quote-left

{

	font-size:40px;

}

.about-bg {

    background-image: url(../images/about-us.webp);

    height: auto;

    display: flex;

    align-items: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.contact-bg {

    background-image: url(../images/contact-us.jpg);

    height: auto;

    display: flex;

    align-items: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.quality-bg {

    background-image: url(../images/quality.jpg);

    height: auto;

    display: flex;

    align-items: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.about-bg h1, .contact-bg h1, .quality-bg h1 {

  text-shadow: 2px 2px #00bcd4;

}

.contact-details .fa-solid

{

	font-size:25px;

}

.inline-block

{

	display:inline-block;

}

.card-body, .list-group-item

{

	border:0px;

}

.list-group-item a, .list-group-item a:hover

{

	color:#fff;

	text-decoration:none;

}

.mob-contact p a, .mob-contact p a

{

	color:#666;

	text-decoration:none;

}

.table td, .table th {

text-align: center;

} 



/**********************  Product Image On Hover ***********************/



.hovereffect {

  width: 100%;

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: default;

}



.hovereffect .overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

}



.hovereffect img {

  display: block;

  position: relative;

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

}



.hovereffect:hover img {

  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');

  filter: grayscale(1) blur(3px);

  -webkit-filter: grayscale(1) blur(3px);

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

}



.hovereffect h2 {

  text-transform: uppercase;

  text-align: center;

  position: relative;

  font-size: 17px;

  padding: 10px;

  background: rgba(0, 0, 0, 0.6);

}



.hovereffect a.info {

  display: inline-block;

  text-decoration: none;

  padding: 7px 14px;

  border: 1px solid #00bcd4;

  margin: 50px 0 0 0;

  background-color: #00bcd4;

}



.hovereffect a.info:hover {

  box-shadow: 0 0 5px #fff;

}



.hovereffect a.info, .hovereffect h2 {

  -webkit-transform: scale(0.7);

  -ms-transform: scale(0.7);

  transform: scale(0.7);

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

  opacity: 0;

  filter: alpha(opacity=0);

  color: #fff;

  text-transform: uppercase;

}



.hovereffect:hover a.info, .hovereffect:hover h2 {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



/**********************  Product Image On Hover ***********************/

.footer-section p a 

{

	text-decoration:none;

	color:#00bcd4;

}





@media screen and (min-width: 768px) and (max-width: 1100px)

{ 

	

}

@media screen and (max-width: 520px)

{ 

	.desktop-version{display:none;}

	.mobile-version{display:block;}

	.fixed-top-own {margin-top:-57px;}

	.carousel-inner img

	{

		height: 100vh;

		display: flex;

		align-items: center;

		background-repeat: no-repeat;

		background-size: cover;

		background-position: center;

	}

	.menu-header .list-group-horizontal 

	{

		flex-direction: column;

	}

	.menu-header .list-group-item 

	{

		padding: 2px 1px;

	}

	.navbar-light .navbar-toggler 

	{

		color: transparent;

		border-color: transparent;

	}

	.text-webkit

	{

		text-align: -webkit-center !important;

	}

	.dropdown-menu 

	{

		padding: 0rem;

		border:0px;

	}

	.dropdown-item.active, .dropdown-item:active {

		color: #fff;

		text-decoration: none;

		background-color: #00bcd4;

	}

	.dropdown-item:focus, .dropdown-item:hover {

		color: #fff;

		background-color: #00bcd4;

	}

	.list-group-horizontal 

	{

		flex-direction: column;

	}

	.list-group-horizontal .btn-outline-own 

	{

		width: 100%;

	}

	.contact-details h3, .contact-details p

	{

		text-align:center !important;

	}

}