@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Yanone+Kaffeesatz:wght@200..700&display=swap');
body {margin:0; padding:0; font-family: "Inter", sans-serif; font-size:16px; color:#6c6c6c;}
.top-header {background:#4e599a; font-family: "Inter", sans-serif; font-weight:400; font-size:15px; color:#fff; padding:5px 0;}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	 .dropdown-menu li{ 
		 position: relative; 
	 } 
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; 
		top:0px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}
.navbar-dark .navbar-nav .nav-link {line-height:26px !important; border:1px solid rgba(0, 0, 0, 0.15);}
}	
/* ============ small devices .end// ============ */

@media (min-width: 768px) {
  .navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
  }
}
.navbar-dark .navbar-nav .nav-link {color:#6c6c6c; font-family: "Inter", sans-serif; font-weight:600; padding:10px 20px; line-height:52px;}
.navbar-nav .active {border-top:3px solid #4e599a;}
.navbar-nav .active .nav-link {color:#b31f24;}
.navbar-expand-lg {padding:0px !important;}
.navbar-brand {padding:10px 0;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color:#b31f24;}
.bg-slider {background-color:#b31f24; padding:20px; width:370px; }
.bg-slider h5 {font-size:50px !important; color:#fff; text-align:left; font-weight:400; line-height:50px; font-family: "Yanone Kaffeesatz", sans-serif;}
.carousel-caption {top:30%; bottom:0px !important; left:10%;}
.red {background-color:#b31f24; color:#fff;  font-family: "Inter", sans-serif; font-size:14px; font-weight:400;}
.padd20 {padding:30px;}
.title {font-family: "Yanone Kaffeesatz", sans-serif;  font-size:36px; color:#fff; font-weight:400;}
.blue {background-color:#3a4481; color:#fff;  font-family: "Inter", sans-serif; font-size:14px; font-weight:400;}
.mt-20 {margin-top:-50px; position:relative; z-index:999; margin-bottom:80px;}
.padd-left{padding-left:0px;}
.padd-20px {padding:30px 0px 20px;}
.about-span {padding:10px 10px 5px 10px; background-color:#b31f24; margin-bottom:10px; line-height:30px; width:105px;  color:#fff; font-family: "Yanone Kaffeesatz", sans-serif; font-weight:400; font-size:30px;}
.title-h1 {font-family: "Yanone Kaffeesatz", sans-serif;  font-size:44px; color:#fff; font-weight:400;}
.p {font-family: "Inter", sans-serif; color:#fff; font-size:16px; line-height:30px;}
.mtb80 {margin:80px 0 50px;}
.mb80{margin-bottom:80px;}
.container-1{
  
  float: left;
  width: 100%;
}
@media screen and (max-width: 640px){
  .container-1{
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 900px){
	
  .container-1{
    width: 100%;
  }
}

.container-1 .title{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  width: 100%;
  
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(78,89,154,0.8);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  font-family: "Yanone Kaffeesatz", sans-serif;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 16px;
  font-family: "Inter", sans-serif;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
.red-blog {background-color:#b31f24; padding:20px; color:#fff; height:100%; line-height:44px; font-family: "Yanone Kaffeesatz", sans-serif; font-size:44px; font-weight:400;}
.mb-30 {margin-bottom:30px;}
.h2-title {color: #b31f24;
  font-weight: 500;
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size:36px;
 }
 .input-bg {background-color:#e1e1e1; border-radius:5px; margin-bottom:20px;}
 .button-submit {background-color:#b31f24; color:#fff;}
 .footer {background:#b31f24; padding:60px 0;}
 .footer-h3 {font-family: "Yanone Kaffeesatz", sans-serif; font-size:24px; font-weight:400; color:#fff;}
 .footer P {font-family: "Inter", sans-serif; font-size:14PX; font-weight:400; color:#fff;}
 .footer a {font-family: "Inter", sans-serif; text-decoration:none; font-size:14PX; font-weight:400; color:#fff;}
 .copyright {background-color:#4e599a; color:#fff; font-family: "Inter", sans-serif; font-size:14PX; padding:15px 0; text-align:center;}
 @media screen and (min-width: 768px)  and (max-width: 991px) {
	.mt-20 {margin-top:25px; margin-bottom:25px;} 
	.title-h1{font-size:32px;}
	.title {font-size:30px;}
	.mtb80 {margin:25px 0;}
	.h2-title {font-size:30px;}
	.mb80 {margin-bottom:25px;}
	.footer {padding:25px 0;}
	.padd-left {padding:15px 15px;}
	.red-blog {font-size:30px;}
 }
 
  @media screen and (min-width: 320px)  and (max-width: 480px) {
	.mt-20 {margin-top:25px; margin-bottom:25px; z-index:1;} 
	.title-h1{font-size:32px;}
	.title {font-size:30px;}
	.mtb80 {margin:25px 0;}
	.h2-title {font-size:30px;}
	.mb80 {margin-bottom:25px;}
	.footer {padding:25px 0;}
	.padd-left {padding:15px 15px;}
	.padd20 {text-align:center; padding:5px;}
	.title {font-size:24px;}
	.padd-20px {text-align:center;}
	.about-span {margin:0 auto 20px; }
	.red-blog {font-size:30px; text-align: center;}
	.h2-title {text-align:center; margin-top:10px;}
	p {text-align:center;}
	.footer-h3 {text-align:center;}
	.navbar-brand img{width:90%;}
	.navigation-area {position:absolute; z-index:999; background-color:#fff;}
	#carouselExampleCaptions {margin-top:70px;}
	.top-header {text-align:center;}
	ul.type-area li {width:100% !important;}
 }
 @media screen and (max-width: 767px) {
     .navbar-toggler {padding: .25rem .25rem !important;}
     .wpb_wrapper h2 {color: #b31f24;
    font-weight: 500;
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-size: 24px !important;} 
.table-responsive h3 {color: #b31f24;
    font-weight: 500;
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-size: 24px !important;}
    .navbar-collapse {
        overflow: auto;
        height: 30vh;
    }
	.products-detail-bg {margin-bottom:25px !important; padding:50px 0 !important; margin-top:60px;}
	.products-detail-bg h1 {font-size:34px !important; text-align:center;}
	.broudecrumb {text-align:center;}
	.sidebar-title {font-size:28px !important; text-align:center;}
}

 .navbar-dark .navbar-toggler {background-color: #b31f24;}
.dropdown-item {font-size:14px; font-family: 'Inter', sans-serif; padding:7px 10px; border-bottom:1px solid rgba(0, 0, 0, 0.15); border-radius:0px; color:#262626; text-transform:capitalize;}
.dropdown-item i {float:right; font-size:8px; line-height:25px; color:#fff;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color:#21467a;}
.navbar-expand-lg .navbar-nav .dropdown-menu {padding:0px; border-radius:0px;}
.dropdown-item:hover, .dropdown-item:focus {color:#fff; background:#21467a;}
.dropdown-item.active, .dropdown-item:active {color:#fff; background:#21467a;}
.products-detail-bg {width:100%; padding:100px 0; margin-bottom:80px; background: url("../images/product-detail-bg.jpg") no-repeat center center;}
.products-detail-bg h1 {font-family: "Yanone Kaffeesatz", sans-serif; font-size: 48px; color: #fff; font-weight: 400;}
.broudecrumb {font-size:13px; color:#fff; font-weight:15px; font-family: 'Inter', sans-serif;}
.broudecrumb a {color:#fff; text-decoration:none;}
.accordion-button {font-family: "Yanone Kaffeesatz", sans-serif; font-weight:400; font-size:18px; background:#b31f24; color:#fff;}
.accordion-button:not(.collapsed) {color:#fff; background:#3a4481; padding:15px;}
.accordion-body {padding:0px; background:#e9e9e9;}
ul.sliderbar {padding:0px; margin:0px; list-style:none;}
ul.sliderbar li {font-family: 'Inter', sans-serif; font-weight:400; font-size:13px; border-bottom: 1px solid #fff; list-style:none; padding:10px;}
.arrow {font-size:18px; font-weight:700; color:#b31f24}
ul.sliderbar li a {color:#000; text-decoration:none;}
.accordion-button:focus {box-shadow:none;}
ul.sliderbar li:hover {background-color:#b31f24; color:#fff;}
ul.sliderbar li:hover a {color:#fff;}
.image-area {padding:10px; border:1px dashed #dedede; float:left; margin-bottom:20px;}
p {font-family: 'Inter', sans-serif; font-weight:400; font-size:14px; line-height:24px; color:#000;} 
hr {margin:30px 0; }
.table-responsive {overflow:auto; width:100%;}
table {font-family: 'Inter', sans-serif; font-weight:400; font-size:14px; line-height:24px; color:#000;}
.sidebar-title {color: #fff;
background:#b31f24;
padding:15px 15px 8px 15px;
  font-weight: 500;
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size:34px; line-height:34px;}
.sidebar-body {background: #e9e9e9;}
ul.Material {padding:0px; margin:0px; list-style:none;}
ul.Material li {padding:10px; border-bottom: 1px solid #fff;}
ul.Material li a {font-size:14px; font-family: 'Inter', sans-serif; font-weight:400; color:#000; text-decoration:none;  }
ul.Material li:hover {background-color:#3a4481; color:#fff;}
ul.Material li:hover a {color:#fff;}
.padd-1 {padding:10px;  border-bottom:8px solid #fff;  background-color: #3a4481; color:#fff;}
.padd-text {padding:20px 0px; float:left;}
.padd-1 a {font-size:16px; font-family: 'Inter', sans-serif; color:#fff; font-weight:600;}
.padd-1:hover {background-color:#b31f24;}
.filter-button {background-color: #b31f24; color: #fff;	width:100%; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400;}
.filter ul {width:100%;} 


/* Dropdown */

.dropdown-1 {
  display: inline-block;
  position: relative;
  background: #b31f24;
 color:#fff;
width:100%; 
}

.dd-button {
  display: inline-block;
  /* border: 1px solid gray; */
  border-radius: 4px;
  padding: 10px 30px 10px 20px;
  /* background-color: #ffffff; */
  cursor: pointer;
  white-space: nowrap;
  font-size:16px; 
  font-family: 'Inter', sans-serif;
  width:100%;
}

.dd-button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}

.dd-button:hover {
  background-color: #4e599a;
}


.dd-input {
  display: none;
}

.dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #4e599a;
  list-style-type: none;
}

.dd-input + .dd-menu {
  display: none;
} 

.dd-input:checked + .dd-menu {
  display: block;
  width: 100%;
  z-index:99;
} 

.dd-menu li {
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}

.dd-menu li:hover {
  background-color: #b31f24;
}

.dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px;
  font-size:14px; 
  font-family: 'Inter', sans-serif;
  color:#fff;
  text-decoration:none;
}

.dd-menu li.divider{
  padding: 0;
  border-bottom: 1px solid #cccccc;
}	
.pagination {justify-content: center;}
.pagination .page-link {background-color:#4e599a; color:#fff; font-size:14px;}

ul.type-area {margin:0px; padding:0px; list-style:none;}
ul.type-area li {width:50%;  float:left; padding:10px; font-family: 'Inter', sans-serif; font-size:15px; text-decoration:none; background:#3a4481; color:#fff; border:2px solid #e9e9e9;}
ul.type-area li a {color:#fff; background-image:url('../images/arrow.png'); background-position:left center; background-repeat:no-repeat; padding-left:20px; text-decoration:none; width:100%;}
ul.type-area li:HOVER{background:#b31f24;}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.sidebar li{ position: relative;}

	.sidebar li .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:0px;
		min-width: 240px;
		background:#e9e9e9;
		padding: 0px;
        border-radius: 0px;
	}

	[dir=rtl] .sidebar li .submenu{ 
		right:100%; left:auto;
	}

	/* .sidebar li:hover{ background: #b31f24; } */
	.sidebar li:hover > .submenu{ display: block; }
.sidebar li .submenu li {font-family: 'Inter', sans-serif; font-size:13px;  padding:7px; color:#000;}
}	
/* ============ desktop view .end// ============ */


/* ============ small devices ============ */
@media (max-width: 991px) {

	.sidebar .submenu, .sidebar .dropdown-menu{
		position: static!important;
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
	}

}	
/* ============ small devices .end// ============ */


.sidebar .nav-link {
    font-weight: 500;
    color:#fff;
	font-size:18px;
	font-family: "Yanone Kaffeesatz", sans-serif;
	border-bottom:1px solid;
}
.sidebar .nav-link:hover {
    background: #b31f24;
    color: #fff;
}

.sidebar {background:#3a4481;}
.Products-catagory-area {background:#e9e9e9; padding:15px;}
.pad-50 {padding:50px 0;}
ul.bullet-point {margin:0px; padding:0px 0px 0px 20px;}

ul.bullet-point  li{ font-family: "Inter", sans-serif; font-size:14px; color:#000; list-style-type: circle;}
.height200 {min-height:340px;}
.mt-80 {margin-top:80px;}
.blog-img {padding:10px; border:1px solid #ebedfa; margin-bottom:30px;}
.padd20 p {color:#fff;}
a {text-decoration:none;}
.padd-20px p {color:#fff;}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

.pb-50 {margin-bottom:80px;}
.table-responsive h2 {
    color: #b31f24;
    font-weight: 500;
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-size: 36px;
}
#filter-sticky { position: -webkit-sticky;
  position: sticky;
  top: 20px;}
  
 .wpb_wrapper h2 {color: #b31f24;
    font-weight: 500;
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-size: 36px;} 
.table-responsive h3 {color: #b31f24;
    font-weight: 500;
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-size: 36px;}	
    
 @media screen and (max-width: 480px) {
.navbar-dark .navbar-brand {width:75% !important;}
.mb80 h2 {font-size:24px !important; color: #b31f24; font-weight: 500; font-family: "Yanone Kaffeesatz", sans-serif;}
} 

.mb80 h2 {font-size:34px; color: #b31f24; font-weight: 500; font-family: "Yanone Kaffeesatz", sans-serif;}