*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins', sans-serif}
.modal-title, .modal-body{color:#000 }
a:hover{text-decoration: none !important;}
section{padding:60px 0;}
.no-padding-top{padding-top:0;}
.no-padding{padding:0;}
.alert-info a{
    color: #0c5460 !important;
}
header nav .toggleMenu{display: none;right:40px;} 
.social{right:30px;top:50vh}
.thumbs li img{width:30px}

header nav{padding:0px 100px;display:flex;justify-content:space-between;align-items:center}
header nav .logo img{width:120px}
header nav .menu{display:flex}
header nav .menu li{list-style:none;margin:0 10px}
header nav .menu li a{display:inline-block;font-weight:400;padding:20px 10px;text-decoration:none}
.content{position:relative;width:100%;display:flex;gap:200px;justify-content:space-between;align-items:center}
.content .imgBx{display:flex;justify-content:flex-end;align-items:center;padding-top:50px}
.content .imgBx img{max-width:260px}
.content .textBx{position:relative}
.content .textBx h2{font-size:3rem}
.content .textBx h3{font-size:2rem;margin-bottom:30px}
.content .textBx p{font-size:1.1rem;line-height:1.8;margin-bottom:40px}
.content .textBx .cta{color:white;text-decoration:none;border:1px solid white;padding:10px 20px;display:inline-block;
  border-radius:5px;transition:.5s;font-weight:bold;font-size:1.2rem;text-transform:uppercase}
.content .textBx .cta:hover{background:#e9e9e9;color:#333}
.thumbs{position:absolute;left:50%;transform:translateX(-50%);bottom:30px;
  display:flex;margin:auto;justify-content:center;align-items:center}
.thumbs li{list-style:none;margin:0 20px;transition:.5s}
.thumbs li:hover{transform:translateY(-15px)}
.thumbs li img{width:40px}
.social{display:flex;flex-direction:column;position:absolute;right:60px;
  top:38%;
  transform:translateY(-50%);justify-content:center;align-items:center}
.social li{list-style:none;margin:20px 0}
@media (max-width: 992px){
header nav .toggleMenu{display: block;} 
header nav{padding:20px}
header nav .logo{position:relative;max-width:100px}
header nav .logo img{width:110px} 
header nav .toggleMenu.active{background:url("https://wpflames.com/demo/landing/project-023/images/close.png");
  background-position:center;background-size:30px;background-repeat:no-repeat;filter:invert(1)}
header nav .menu{
  position:fixed;top:0;left:0;width:100%;height:100%;background:white;
  display:flex;align-items:center;
  justify-content:center;flex-direction:column;transition:.3s;
  z-index:1;visibility:hidden;opacity:0}
header nav .menu.active{visibility:visible;opacity:1}
header nav .menu li a{display:inline-block;color:#111;font-weight:400;margin-left:0;text-decoration:none;
  font-size:2rem;margin:10px 0;transition:.5s}
header nav .menu li a:hover{color:#e0303d}
.content{gap:20px;flex-direction:column;margin-top:80px}
.content .textBx{position:relative;max-width:100%}
.content .textBx h2{font-size:2.8rem;line-height:1.2;margin-bottom:20px}
.content .textBx h3{font-size:2rem;margin-bottom:30px}
.content .textBx p{padding-right:40px}
.content .imgBx{width:auto;padding-right:0}
.content .imgBx img{max-width:160px}
}

/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 12px;
  width: 100% !important;
  margin: 0 auto;
  overflow: hidden;
}

.loginmodal-container h6#product_title{text-align: center; background-color: #eee; border: 1px solid #ccc; padding: 15px 10px; color: #727272; display:none}

.loginmodal-container input[type=submit] {
  width: 190px;
  float: right;
  padding: 0.62rem 0.75rem;
}

.loginmodal-container input[type=text], input[type=email], textarea {
  padding: 6px 10px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

textarea {
height:80px;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #ccc;
}

.loginmodal {
  text-align: center;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
}

.login-help{
  font-size: 12px;
}

.carousel-item img {max-width: 100%}

dl, ol, ul {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.main-section{
    position: relative;
    height:500px;
    background-size: cover;
}

.main-section .section-part{
color:#fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.product-list-heading{margin-bottom: 15px;}

.card {
    background-color: #ededed;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}
.card-block {
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}
.card-title{height: 60px;line-height: 1.2rem;}
.card-text{font-size: 0.85rem;}

.card-img-container{min-height:140px; margin: 20px auto;}
.card-img-top {
    display: block;
    max-width: 140px;
    max-height: 140px;
}
.card-footer {
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.card-footer small {line-height: 2.4rem;}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.alert-error ul {padding-left: 26px;}
.alert-error ul li{line-height: 2rem;}

.company-info-footer {
  margin: 0;
  list-style: none;
  line-height: 1.7rem;
}

.company-info-footer a{
  color: #3f96d9;
}

.company-info-footer a:hover{
  color: #fff;
}


.footer-bs {
  background-color: #3c3d41;
  padding: 60px 40px;
  color: rgba(255,255,255,1.00);
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
  .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}

@media screen and (max-width:800px){
  .footer-bs {
  padding: 30px 0px;
}
	.carousel-item img {max-width: 78%}
	.social {
    right: 10px;transform: translateY(-60%)}
	.content .textBx .cta {
    font-size: 1rem;
     text-transform: capitalize; 
}
}