body{font-family: 'Lora', serif;}
a{color:#c20505; text-decoration:none}
a:hover, a:focus, a:active{color:#0f0d4c; text-decoration:none}
.navbar-light .navbar-nav .nav-link{color:#1d1d1d; font-weight:500;}
.navbar-light .navbar-nav .nav-link.active{color:#fff; background-color:#0f0f4d; border-radius:0px}
	.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
	
}
.navbar-toggler{background-color:#0f0f4d}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 255,255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.banner-overlay{position:absolute;top:50%;left:0;width:100%;text-align:left;color:#fff;transform: translate(0px,-50%);}
.about-overlay{position:relative;top:0;left:0;width:100%;text-align:left;transform: none}
.banner-head{font-family: 'Playfair Display', serif;font-size:2.1em; text-transform:uppercase}
.footer-head{font-size:1.5em; }
.btn{border-radius:10px;text-transform:uppercase}
.btn-red {
    color: #fff;
    background-color: #c20505;
    border-color: #c20505;
}
.scrollToTop {
    width: 40px;
    height: 40px;
    padding: 5px;
    text-align: center;
    background: rgba(225,28,8,.8);
    font-weight: bold;
    color: #fff !important;
    text-decoration: none;
    position: fixed;
    cursor: pointer;
    bottom: 25px;
    right: 40px;
    display: none;
    z-index: 2500;
    border-radius: 50%;
}
.btn-red:hover {
    color: #fff;
    background-color: #930303;
    border-color: #930303;
}
.btn-blue {
    color: #fff;
    background-color: #0f0f4d;
    border-color: #0f0f4d;
}
.btn-blue:hover {
    color: #fff;
    background-color: #101035;
    border-color: #101035;
}
.why-choose{background: #e9e9e9 url("../images/choosebg.jpg") no-repeat center center;;text-align:left;background-size:contain}
.large-head{font-size:1.35em;
  
    width: min-content;}
	#footernav .nav-link{    padding: 0.5rem 0rem;color:#fff;display:inline-block}
	
		 #footernav{list-style-image: url('../images/bullet-warrow.png');padding-left: 1rem;}
		#choose{list-style-image: url('../images/bullet-arrow.png');padding-left: 1rem;}
		.menu-width{width:auto}
		.navbar-toggler {
    padding: 0.05rem 0.25rem;}
	.bg-change{background-color:#0f0f4d;color:#fff}
.prod-title{margin:0; font-size:1.5rem;}
.footer-link{color:#a7c9e5}
.footer-link:hover{color:#fff}
@media (min-width: 992px){
	.about-overlay{position:absolute;top:50%;left:0;width:100%;text-align:left;transform: translate(0px,-50%);}
	.bg-change{background-color:#c20505;color:#fff}
	.large-head{font-size: 3em;
   }
	.menu-width{width:100%}
	.navbar-light .navbar-nav .nav-link.active{color:#fff; background-color:#0f0f4d; border-radius:10px}

.navbar-light .navbar-nav li {
     
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.has_child{  background-image: url(../images/link-active.png);
    background-repeat: no-repeat;
    background-position: right bottom;}
	}
	"@media (max-width: 767px) {\n    .carousel-inner .carousel-item > div {\n        display: none;\n    }\n    .carousel-inner .carousel-item > div:first-child {\n        display: block;\n    }\n}\n\n.carousel-inner .carousel-item.active,\n.carousel-inner .carousel-item-next,\n.carousel-inner .carousel-item-prev {\n    display: flex;\n}\n\n/* medium and up screens */\n@media (min-width: 768px) {\n    \n    .carousel-inner .carousel-item-end.active,\n    .carousel-inner .carousel-item-next {\n      transform: translateX(25%);\n    }\n    \n    .carousel-inner .carousel-item-start.active, \n    .carousel-inner .carousel-item-prev {\n      transform: translateX(-25%);\n    }\n}\n\n.carousel-inner .carousel-item-end,\n.carousel-inner .carousel-item-start { \n  transform: translateX(0);\n}\n\n"