html {min-height:101%;}
body {
	font-family: arial, sans-serif;
	font-weight: 300;
  color: #007c8d8888888888888888  66a;
  
  background-image: url(../images/body.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;  
}

a { color: #007c8d; }
a:hover {color: #000;}

.navbar-brand img {
	max-height: 85px;
}

@media screen and (max-width:760px) {
.navbar-brand img {
	max-height: 65px;
}
}


header {background: #dfe8ee8a;}

h3 {font-size: 1.2em;}

.fa-youtube {color: #fe021c;}
.fa-linkedin {color: #2977c9;}
.fa-twitter {color: #006dbf;}
.fa-facebook {color: #fff;
display: block;
padding: 3px 14px;
border-radius: 3px;
background:#007c8d;
}

.nav-link {
    display: block;
    padding: 0.5rem 0.3rem;
}

.contact-icon {
	color: #00f2aa;
	font-size: 1.2em;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.carousel-control-prev, .carousel-control-next {
	width: 50px;
	height: 50px;
	background: #ccc;
	border-radius: 25px;
	top: 40%;
	margin: 10px;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
    visibility: hidden;
}

.carousel:hover .carousel-control-prev,
.carousel:hover .carousel-control-next {
    visibility: visible;
}

.inner-banner {
	background: url(../images/inner-banner.jpg) no-repeat center;
    background-size: auto;
	background-size: cover;
	min-height: 150px;
	position: relative;
  box-shadow: inset 0px 20px 50px #09584f;
}

.sub-title {font-size: 88%;}

.full-background{
	background: url(../images/inner-banner.jpg) no-repeat center;
	background-size: auto;
	background-size: cover;
	position: relative;
	height: 100%;
}

footer {
	background: #007c8d;
	color: #fff;
}

footer hr {
    border-top: 1px solid rgba(255, 255, 255, 0.36);
}

footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer a {
	text-decoration: none;
	color: #c4c4c4;
}

footer a:hover {
	text-decoration: none;
	color: #fff;
}

.breadcrumb {background-color: #007c8d;color: #fff;border-radius:0;}
.breadcrumb a, .breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before {color: #fff;}
.cpy-right {background: #dfe8ee8a;}
b, strong {font-weight: bold;}

.nav-right {
border-bottom: 2px solid #999;
border-image: linear-gradient(to right, rgba(0,0,0,0) 5%, #007c8d 100%);
border-image-slice: 1;
}


/* >>>>> 992px */
@media screen and (min-width:992px) {
#no-mobile {display:initial!important;} 
#yes-mobile {display:none!important;}
.navbar-nav li:hover>.dropdown-menu {display: block;}
}

/* <<<< 992 */
@media screen and (max-width:991.5px) {
#no-mobile {display:none!important;}
#yes-mobile {display:initial!important;} 
}

.dropdown-menu {
    margin: 0;
    font-size: 0.9rem;
    color: #fff;
    background-color: #dae8e6;
    border: 2px solid #81b2ac;
    border-radius: 2px;
}



.navbar-light .navbar-nav .nav-link {color: #007c8d;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color: #014e59;}
.nav-menu-btn {text-transform: uppercase;font-size: 0.9rem;}

#post-section .card-title, #product-section .card-title, .top-tytle {
font-size: 2.5rem;
border-bottom: 2px solid #999;
border-image: linear-gradient(to left, rgba(0,0,0,0) 5%, #007c8d 100%);
border-image-slice: 1;
padding-bottom:10px;
margin-bottom:30px;
}


#post-section tr {border-bottom: 1px dotted #014e59;}
.mb-6, .my-6 {margin-bottom: 3.5rem !important; margin-top: 3.5rem !important;}
.mb-7, .my-7 {margin-bottom: 4rem !important; margin-top: 4rem !important;}
/*
.card a {
    display: block;
    overflow: hidden;
}
.card-img-top {

    margin-top: -30%;
}
*/
.card {border: 3px solid #fff; box-shadow: 3px 3px 10px #007c8d59;}
.btn {display: block; color: #fff; background-color: #007c8d;}
.btn-h {
    display: block;
    color: #fff;
    background-color: #007c8d;
    width: 240px;
    border-radius: 6px;
    text-align: center;
    padding: 10px;
}


.btn:hover, .btn-h:hover { color: #fff; background-color: #014e59; text-decoration: none;}
.card-title {font-size: 0.97rem;}

.main-top-text {
border-bottom: 2px solid#999;
border-image: linear-gradient(to right,rgba(2, 97, 86,0) 0%, rgba(2, 97, 86,0.4) 40%, rgba(2, 97, 86,1) 50%, rgba(2, 97, 86,0.4) 60%,rgba(2, 97, 86,0) 100%);
border-image-slice: 1;
padding-bottom:15px;
}

.price {
    background: #dfe8ee8a;
    text-align: center;
    border: 1px solid#ddd;
    border-radius: 5px;
}
.old-price {
    display: inline-block;
    /*width: 30%;*/
    color: #777;
    text-decoration: line-through;
    font-style: italic;
}
.new-price {
    display: inline-block;
    /*width: 50%;*/
    font-weight: bold;
    font-size: 110%;
    color: #000;
}

#product-section .price {
    background: #007c8d;
    text-align: center;
    border: 2px solid#fff;
    border-radius: 6px;
    color:#fff;
    font-size: 1.6rem;
}

#product-section .new-price {
    font-size: 1.5rem;
    width: auto;
    color: #fff;
}
#product-section .old-price {
    font-size: 1.1rem;
    width: auto;
    color: #aaa;
}
.price-btn {
    text-align: right;
    padding-bottom: 20px;
    border-bottom: 1px solid #bbb;
}
.price-btn a {
    display: inline-block;
    background: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    color: #555;
    box-shadow: 1px 2px 3px#007c8d42;
}

.price-btn a:hover { text-decoration:none;color: #fff;background: #014e59;}
.navbar {padding: 0.5rem 0rem;}
#navbarSupportedContent {margin-top: 24px; /*background-image: linear-gradient(to right,rgba(2, 97, 86,0) 0%, rgba(2, 97, 86,0.1) 40%,rgba(2, 97, 86,.1) 100%); */}
.btn-last {border-radius: 4px;background:#007c8d;color: #fff!important;padding-left: 0.5rem!important;}
hr {border-top: 1px solid rgba(2, 97, 86, 0.5);}

#noticemsg{
	font-size:120%;
	text-align:center;
}