/*QC HEADER STYLE START*/
#qcheader-top {background: #fff;}
.qctopbar {float: right !important; padding: 0;}
.qctopblock { padding: 20px 40px 20px 100px; width: 100%; background: #AA0000; color: #fff; display: flex; align-items: center;height: 65px; position: relative; float: left;}
.qctopblock::after {content: "";position: absolute;left: -50px;bottom: 0;top: 0;width: 0;height: 0;border-top: 65px solid #AA0000;border-left: 50px solid transparent !important; }
.qc-d-flex-1 { flex: 1; }
.qc-top-list { margin: 0; padding: 0; color: #fff; }
.qc-top-list li { display: inline-block; list-style: none; margin-right: 10px; font-size: 14px;    font-family: ruda;
    font-weight: 500; }
.qc-top-list li i { margin-right: 5px; }
.qc-top-list li .block { color: #fff;     font-family: ruda;
    font-weight: 500;}
.qc-social .social { width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; font-size: 14px; color: #fff; }
.qc-social .social i { margin: 0; }
#qc-navbar { height: 90px; margin: 0; padding: 0; }
.qc-menu-bar { margin: 0; padding: 0; height: 100%; }
.qc-brand-block .qc-navbar-brand { display: inline-block; padding: 10px 0px; }
.qc-menu-list { margin: 0; padding: 0; }
.qc-menu-list li {list-style: none;}
#qcnavbarmenu { padding: 20px 0; line-height: 10px; margin: auto; }
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.qc-mainmenu a, .navbar-default .navbar-nav > li > a, .qc-mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#000;    font-family: 'ruda';
    font-weight: 700;font-size:15px;text-transform:uppercase;padding:10px 15px; display: block !important;}
.qc-mainmenu .active a,.qc-mainmenu .active a:focus,.qc-mainmenu .active a:hover,.qc-mainmenu li a:hover,.qc-mainmenu li a:focus ,
.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #aa0000;background: #fff;outline: 0;}
.qc-mainmenu .collapse ul > li:hover > a{background: #fff;}
.qc-mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #fff;}
.qc-mainmenu .collapse ul ul ul > li:hover > a{background: #fff;}

.qc-mainmenu .collapse ul ul, .qc-mainmenu .collapse ul ul.dropdown-menu{background:#fff;}
.qc-mainmenu .collapse ul ul ul, .qc-mainmenu .collapse ul ul ul.dropdown-menu{background:#fff}
.qc-mainmenu .collapse ul ul ul ul, .qc-mainmenu .collapse ul ul ul ul.dropdown-menu{background:#fff}
.level1.dropdown-menu > li, .level2.dropdown-menu > li, .level3.dropdown-menu > li { width: 100%; }
.level3.dropdown-menu { width: 200px; }
.qc-mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.qc-mainmenu .collapse ul li:hover> ul{display:block}
.qc-mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:200px;display:none}
.qc-mainmenu .collapse ul ul li{position:relative}
.qc-mainmenu .collapse ul ul li:hover> ul{display:block}
.qc-mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:200px;display:none}
.qc-mainmenu .collapse ul ul ul li{position:relative}
.qc-mainmenu .collapse ul ul ul li:hover ul{display:block}
.qc-mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:200px;display:none;z-index:1}
}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
#qc-navbar { height: auto; line-height: 20px; }
.qc-menu-bar { display: inline-block; width: 100%; }
.qctopbar {padding: 0;}
.qctopblock { display: block; height: auto; padding: 10px; }
.qctopblock::after {border:0;}
.qc-top-list { margin-bottom: 5px; }
.qc-brand-block { display: inline-block; width: 100%; }
.qc-navbar-brand {height: 100%; }
.qc-brand-block .navbar-toggle {     margin: 20px 20px 0px 0px;
    border: 1px solid #a00;
    padding: 5px 10px;}
.qc-brand-block .navbar-toggle:focus { background: none; }
#qcnavbarmenu { padding: 0; }
.qc-menu-list {width: 100%; display: inline-block;}
.qc-menu-list li {width: 100%;}
a.navbar-brand.qc-navbar-brand {
    margin-top: unset !important;
    margin-left: unset !important;
    padding: unset;
}
img.qc-brand-logo {
    width: 200px;
}
div#qcnavbarmenu {
    width: 100%;
}
.qc-menu-list li i.fa.fa-angle-down.pull-right {
    float: initial !important;
}
.banner-text {
    left: unset;
}
ul.dropdown-menu.level1 .dropdown #navbarDropdown {
    text-decoration: underline;
    font-size: 15px;
}
.banner-heading .border-title.border-left {
    font-size: 30px;
}
.brand-pro-image img {
    width: 120px;
}
.banner-area.brand .border-title.border-left {
    font-size: 23px;
}
.banner-area.brand .breadcrumb span, .banner-area.brand .breadcrumb a {
    font-size: 17px;
}
.banner-area {
    min-height: 200px;
}
button.site-button.pull-right {
    margin-bottom: 20px;
}
.heading-home h2 {
    font-size: 30px !important;
}
section.label-section {
    height: auto !important;
}
a.play-btn.popup-youtube {
    left: 73%;
    bottom: -24px;
}
.footer .widget ul.nav > li a {
    font-family: 'hindSiliguri' !important;
    color: #fff;
}
div#tem562_about_page .sec-title h2 {
    font-size: 30px !important;
}
.isotope-img-container img {
    border: unset !important;
}
h2.border-title.border-center {
    font-size: 30px !important;
}






}

a.navbar-brand.qc-navbar-brand {
    margin-top: -70px;
    margin-left: -100px;
}
.heading-home h6 {
    text-transform: uppercase;
    font-family: hindSiliguri;
    font-size: 16px;
    font-weight: 600;
    color: #a00;
}

.heading-home h2 {
    font-family: 'ruda';
    font-weight: 900;
    line-height: 1.5;
    font-size: 40px;
}

p.para-wel {
    font-family: 'hindSiliguri';
    font-size: 16px;
    line-height: 2.1;
    text-align: justify;
}
img.wel-image {
    border-radius: 20px;
}
.welcome {
    padding-top: 80px;
    padding-bottom: 90px;
}
img.img-why {
    width: unset !important;
    display: unset !important;
}
.why-ontent {
    background: #fff;
    border: 3px solid #fff;
    margin: 10px 15px;
    padding: 40px 10px;
    text-align: center;
    border-radius: 30px 30px 0 0;
    transition: 0.5s;
}
img.img-why {
    filter: sepia(1);
}
section.why-section {
    background: #ccc;
    padding-top: 70px;
    padding-bottom: 40px;
}
h5.head-y {
    font-family: 'ruda';
    font-size: 18px;
    padding-top: 10px;
    line-height: 1.6;
}
.why-ontent:hover {
    border-color: #a00;
}
.why-ontent:hover .img-why {
    filter: unset;
}
section.why-section .heading-home {
    text-align: center;
    padding-bottom: 30px;
}
#tem562_home_client_reviews {
    background: #171616 !important;
    padding: 60px 0 70px;
    margin-bottom: 50px;
    position: relative !important;
    z-index: 1;
}

div#tem562_home_client_reviews::before {
    content: '';
    position: absolute;
    background: url(http://quickcms.in/indiagates.co.in/images/images/images/bg/pattern_bg_5.png);
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.1;
    top: 0;
    border: 0;
    background-size: cover;
    left: 0;
}
span.quote-text {
    font-family: 'ruda';
}

h3.quote-author {
    font-family: 'ruda';
    color: #fffcfc;
}

.quote-item .quote-text:before {
    color: #a00;
}
.testimonial-slide.owl-theme .owl-dots .owl-dot.active span {
    background-color: #a00;
}
div#tem562_home_client_reviews .border-title:before {
    background-color: #a00;
}
div#tem562_home_client_reviews .border-title.border-center {
    font-family: 'ruda';
    color: #fff;
    font-weight: 900;
}
img.footer-logo.img-responsive {
    display: none;
}
p.footc-para {
    font-family: 'hindSiliguri';
    font-size: 15px;
    line-height: 1.8;
    color: #fff;
}
.footer-widget a {
    font-family: 'hindSiliguri';
    color: #fff;
    line-height: 2;
}
.footer {
    background: #141111;
}
p.foot-con {
    font-family: 'hindSiliguri';
    font-size: 15px;
    line-height: 1.8;
    color: #fff;
}
h3.widget-title.footer-main-title {
    font-family: 'ruda';
    font-size: 21px;
}
.footer-main {
    background: url(http://quickcms.in/indiagates.co.in/images/images/images/bg/faq-1.png);
}
.copyright {
    background: #a00;
    padding: 15px 0;
    text-align: center;
}
.copyright-info {
    font-family: 'ruda';
    font-size: 14px;
}
.copyright-info a {
    color: #bdb0b0;
}
.footer .widget-title:before{
    background-color: #a00;
}
button.btn.btn-primary {
    background: #a00 !important;
    color: #fff !important;
}
div#tem562_about_page .sec-title h2 {
    font-family: 'ruda';
    font-weight: 900;
    margin: 10px 0;
    line-height: 1.7;
    font-size: 40px;
}
.sec-title span {
    font-family: 'hindSiliguri';
    text-transform: uppercase;
    color: #a00;
    font-weight: 900;
    
}
.about-us-info-wrap p {
    font-family: 'hindSiliguri';
    font-size: 16px;
    line-height: 2.1;
    text-align: justify;
}

div#tem562_about_page .vc_column-inner.vc_custom_1496825171309 {
    display: none;
}
.banner-area {
    background: url(http://quickcms.in/sribalajihardwareagencies.co.in/images/images/_thumbs/Images/bg/b2.png);
}
p.para-abt {
    font-family: 'hindSiliguri';
    font-size: 16px;
    line-height: 2.1;
}
.sec-title1 h2 {
    font-family: 'ruda';
    font-size: 25px;
    margin: 10px 0;
    color: #000;
    text-decoration: underline;
    text-align: center;
}
.banner-heading .border-title:before {
    background-color: #a00;
}
.banner-heading .breadcrumb a {
    color: #a00;
    font-family: 'ruda';
    font-size: 20px;
}
.banner-heading .breadcrumb span {
    font-family: 'ruda';
    font-size: 20px;
    text-transform: uppercase;
}
.banner-heading .border-title.border-left {
    font-family: 'ruda';
}
#tem562_pro_page .wpb_column.vc_column_container.vc_col-sm-3 {
    display: none;
}
#tem562_pro_page .wpb_column.vc_column_container.vc_col-sm-9 {
    width: 100% !important;
}
#tem562_pro_page .vc_column-inner .wpb_wrapper figure img {
    display: none;
}
.flex-pro {
    display: flex;
    align-items: center;
    gap: 30px;
}

img.prof-image {
    width: 300px;
    border: 2px solid #a00;
    border-radius: 60px;
    box-shadow: rgb(17 17 26 / 23%) 0px 8px 24px, rgb(67 62 62 / 26%) 0px 16px 56px, rgb(18 18 29 / 0%) 0px 24px 68px;
    height: 140px;
    object-fit: contain;
}

.prof-bname h3 {
    font-family: 'ruda';
    font-size: 30px;
}
.content-pro {
    box-shadow:rgb(0 0 0 / 36%) 1px 0px 22px;
    padding: 30px 0 20px 10px;
    margin: 50px 0;
    border-radius: 40px;
}
h2.pros-heading {
    text-align: center;
    font-family: 'ruda';
    color: #a00;
}

img.pros-image {
    width: 100%;
    border: 2px solid #0000008c;
    height: 280px;
    border-radius: 20px;
}

p.para-pro {
    font-family: 'hindSiliguri';
    font-size: 16px;
    line-height: 2;
}
.sec-title1 h2 span {
    color: #a00;
}
div#tem562_pro_page .border-title.border-left {
    font-family: 'ruda';
}
.architecture__content {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 25px;
}
.architecture__content img{
  width: 100%;
}
.architecture__content:hover .architecture__lower {
  transform: translateX(0%);
  opacity: 1;
}
.architecture__content img {
  border-radius: 5px;
}
.architecture__lower h1 {
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #FFFFFF;
    opacity: 20%;
    font-family: 'ruda';
}
.architecture__last {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 85%;
}
.architecture__last h5 {
  color: #fff;
  font-weight: 500;
  line-height: 32px;
}
.architecture__last .lower___last {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.lower___last h3 {
  color: #fff;
  text-transform: uppercase;
    font-family: 'ruda';
    line-height: 42px;
    font-size: 30px;
}
.man___image img {
  width: 78px;
  height: 78px;
  border-radius: 50%;
}
.architecture__lower {
  position: absolute;
  left: 30px;
  top: 30px;
  right: 30px;
  padding: 30px;
  opacity: 0;
  bottom: 50px;
  transform: translateX(-100%);
  background: rgb(170 0 0 / 88%);
  transition: all 500ms ease;
  clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
}
.lower___last img {
    filter: invert(149%) sepia(200%) saturate(3156%) hue-rotate(-134deg) brightness(209%) contrast(106%);
}
.gallery-section .heading-home {
    text-align: center;
    padding-bottom: 30px;
}
section.label-section {
    background: url(../../images/images/_thumbs/Images/bg/bg.png);
    height: 550px;
    padding: 70px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.label-section .heading-home h2 {
    color: #fff;
    font-size: 35px;
}
p.para-label {
    color: #fff;
    font-family: 'hindSiliguri';
    font-size: 16px;
    line-height: 2;
}
.laboix-btn {
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    font-family: 'ruda';
    color: #fff;
    padding: 19px 45px;
    transition: 500ms;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 112.5%;
    background:#a00;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    font-weight: 700;
}

.laboix-btn:hover {
  color: #a00;
}

.laboix-btn::before {
  content: "";
  height: 0px;
  width: 0px;
  background-color:  #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}

.laboix-btn:hover {
  color: #a00;
}

.laboix-btn:hover::before {
  height: 400px;
  width: 200%;
  top: -70%;
  left: -50%;
}

.laboix-btn--submite:hover::before {
  height: 200%;
  width: 200%;
  top: -50%;
  left: -50%;
}
.home-entry-content {
    padding-top: 80px;
}
h2.border-title.border-center {
    font-family: ruda;
    font-weight: 900 !important;
    font-size: 40px !important;
}
.lab-btn {
    margin-top: 20px;
}
.gallery-section {
    padding-top: 60px;
}
.head-cont span {
    width: 50px;
    height: 50px;
    background: #a00;
    text-align: center;
    line-height: 50px;
    border-radius: 40px;
    color: #fff;
}
.head-cont {
    font-family: 'ruda';
    font-size: 21px;
    margin-bottom:10px;
}
.cont-paras {
    font-family: 'hindSiliguri';
    font-size: 16px;
    line-height: 2;
}
span.branch-name {
    font-family: 'ruda';
    font-size: 17px;
    color: #a00;
    font-weight: 500;
}
.form-control {
    margin-bottom: 20px;
    font-family: 'ruda';
}
.site-button.pull-right {
    background-color: #a00;
    font-family: 'ruda';
    border-color: #a00;
    padding: 10px 20px;
}
.form-control:focus {
    border-color: #aa0000;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(170 0 0 / 42%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(170 0 0 / 42%);
}
div#tem562_contact_page .border-title.border-center {
    font-size: 30px !important;
    text-transform: capitalize;
    text-align: initial;
}
@keyframes ripple-wave {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
.play-btn i::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #a00;
    border-radius: 50px;
    animation: ripple-wave 1s linear infinite;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: ripple-wave;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}
.play-btn {
    display: inline-block;
    padding: 0;
    height: 55px;
    width: 55px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    bottom: -8%;
    left: 37%;
    transform: translate(-50%, -50%);
    background: #a00;
    color: #fff !important;
    z-index: 1;
    line-height: 55px;
}
.isotope-img-container {
    padding: 10px;
    margin: 10px;
    border-radius: 20px;
}
.isotope-img-container img {
    width: 320px;
    height: 240px;
    object-fit: cover;
    box-shadow: 0 0 10px #00000091;
    margin: 10px;
    border-radius: 20px;
}
.banner-area.brand {
    background: url(../../images/images/_thumbs/Images/bg/br1.jpg);
}
.breadcrumb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.brand-pro-image img {
    border-radius: 20px;
}
.content-brand {
    background: #1d1916;
    padding: 3px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

.img-brand-pro {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.box-pro:hover .brand-img {
    transform: scale(1.1);
}

img.brand-img {
    width: 100%;height: 316px;display: block;
    max-width: 100%;border-radius: 5px;
    transition-delay: .1s;transition-timing-function: ease-in-out;
    transition-duration: .7s;transition-property: all;}

section.pro-brand {
    padding: 50px 0;
}
h5.head-brand {
    font-family: 'ruda';
    text-transform: uppercase;
}
ul.dropdown-menu.level1 {
    border-left: 2px solid #a00;
}


ul.dropdown-menu.level2 {
    border-left: 2px solid #a00;
    }
ul.navbar-nav.qc-menu-list li:nth-child(3), ul.navbar-nav.qc-menu-list li:nth-child(4) {
    display: none;
}
div#tansy_latest_news_widget-2 ul li:nth-child(2), div#tansy_latest_news_widget-2 ul li:nth-child(3) {
    display: none;
}
.img-content {
    margin: 10px;
    box-shadow: 0 0 10px #00000057;
    padding: 10px;
    border-radius: 10px;
}
section.client-logo .heading-home {
    text-align: center;
}
section.client-logo {
    padding-bottom: 50px;
}
div#partner-slide {
    padding-bottom: 50px;
}
.box-pro {
    margin-bottom: 30px;
}
ul.dropdown-menu.level2 li:nth-child(3), .dropdown-menu.level2 li:nth-child(4), 
.dropdown-menu.level1 li:nth-child(3), .dropdown-menu.level1 li:nth-child(4) {
    display: block !important;
}
.hardwyn-dlock .brand-pro-image img {
    width: 250px;
    padding: 10px;
    background: #000;
}
h3.head-brand-name {
    text-align: center;
    font-family: 'ruda';
    font-size: 30px;
    font-weight: 900;
    color: #a00;
    text-decoration: underline;
    padding-bottom: 30px;
}
.sleek .brand-pro-image img {
    height: 140px;
}
.pro-brand .lab-btn {
    text-align: center;
}
.pro-brand .lab-btn .video-cta__link__btn.laboix-btn {
    border: 1px solid #a00;
}