@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.otf')  format('opentype'),
	     url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff') format('woff'), url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf')  format('truetype'), url('../fonts/MyriadPro-Semibold/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
  

* {
    margin: 0px;
    padding: 0px;
}
body {
   font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #000000;   
    
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
img {
    border: none;
}
p{margin: 0 0 10px;
    font-size: 15px !important;}

header {
   background: #dbcc00;
padding-bottom: 0px;
}
/*
.bubble{ background: url(../images/bubble.gif);
    background-repeat: repeat;
    height: 100%;
    width: 100%;
    opacity: 0.5;}
*/

.header-top {
    background: #000;
    padding-top: 10px;
    padding-bottom: 10px;
}
.social-area ul {
    float: right;
    margin-right: 13px;
    display: block;
}

.social-area ul li {
    font-size: 13px;
    float: none;
    padding-right:18px;
    display: inline-block;
}
.social-area ul li a {
   position: relative;
width: 35px;
height: 35px;
color: #71737b;
font-size: 16px;
line-height: 31px;
text-align: center;
border-radius: 50%;
display: inline-block;
border: 2px solid #fff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
background: #fff;
}
.social-area ul li a:hover {
    color: #fff;
    background: #d41c38;
}
.call-now {
    
}
.call-now p {
font-size: 16px;
color: #dbcc00;
font-weight: bold;
float: right;
padding-top: 8px;
font-family: 'MyriadPro-Semibold';
}
.menu {
    
}

#cssmenu > ul > li.has-sub.active > a span {
    background: url(../images/icon_minus.png) 98% center no-repeat;
}
#cssmenu > ul > li.has-sub > a span {
    background: url(../images/icon_plus.png) 98% center no-repeat;}
.menu ul {
    margin-top: 18px;
padding-top: 11px;
}
.menu ul li a {
font-size: 18px;
text-transform: uppercase;
color: #000;
}
.menu ul li a.active  {
background: #b10b0c;
color: #fff;
} 
.foot-left {
    
}
.foot-left p {
color: #dbcc00;
font-size: 15px;
font-family: 'MyriadPro-Semibold';
margin: 0 auto;
}
.foot-right {
    
}
.foot-right p {
    color: #dbcc00;
     font-size: 15px;
    text-align: right;
font-family: 'MyriadPro-Semibold';
}
footer {
    background: #000;
padding: 10px 0px 0;
}
.foot-right p a {
    color: #dbcc00;
    font-size: 15px;
    text-decoration:none;
}
figure img {
    background-size: 100% 100%;
}
.slogn {
   background: #000; 
}
.slogn p {
 color: #dbcc00;
font-family: 'MyriadPro-Semibold';
font-size: 36px;
text-align: center;
font-style: italic;
width: 80%;
margin: 0 auto;
font-weight: normal;
}
.home-intro-area {
    background: url(../images/intro-ng.jpg) no-repeat;
    background-size: 100% 100%;
padding: 20px 0 94px;
}
.home-intro span {
   font-size: 56px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
.home-intro span b {
  color: #dbcc00;
font-size: 84px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
.home-intro {
    
}
.home-intro p {
font-family: 'Roboto Condensed', sans-serif;
color: #000;
font-size: 15px;
text-transform: uppercase;
text-align: justify; 
line-height: 24px;
}
.nav .caret {
    border-top: #000;
    border-bottom: #000;
}
.client h2 {
  font-family: 'Roboto Condensed', sans-serif;
text-align: center;
font-size: 35px;
font-weight: 500;
color:#000;
margin-bottom: 1em;
}
.client {
    padding-bottom: 4em;
}
.home-product-area {
    background: url(../images/home-product-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 1em;
    padding-bottom:1em;
}
.home-product {
    background: #000;
    padding: 1em 0;
}
.home-sidebar {
    
}
.home-sidebar img {
    
}
.home-sidebar ul {
    
}
.home-sidebar span {
text-align: center;
display: block;
color: #dbcc00;
font-size: 24px;
text-transform: uppercase;
}
.home-sidebar ul li {
    
}
.home-sidebar ul li a {
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    letter-spacing: 0;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 46px;
    text-transform: uppercase;
}
.gal {
    margin-bottom: 20px;
}
.inner-banner {
   position: relative;
top: 0;
left: 0;
}
.heading {
position: absolute;
top: 22%;
left: 53%;
}
.heading span {
font-size: 44px;
color: #fff;
font-weight: bold;
text-align: center;
border-bottom: 2px solid #dbcc00;
font-family: sans-serif;
text-transform: uppercase;
}
.contact-us p {
font-size: 1.6em;
text-align: center;
width: 81%;
margin: 0 auto;
padding-bottom: 2em;
 font-family: 'Roboto Condensed', sans-serif;
}
.contact-us {
    padding-top: 4em;
padding-bottom: 4em;
}
.address-area p {
 padding-bottom: 0.5em;
font-size: 1.2em;
}
.address-area {
    
}
.address-area b {
font-weight: bold;
font-size: 20px;
color: #093657;
}
.address-area a {
    
}
.address-area ul li a {
 text-decoration: none;
color: #000;
}
.address-area ul {
    
}
.address-area ul li {
  border-bottom: 1px solid #dbcc00;
    padding-bottom: 18px;

}
.address-area ul li+li {
  padding-top: 28px;
} 
.address-area span {
font-size: 22px;
color: #b71111;
text-align: center;
padding-left: 8px;
} 

.form-area {
border: 1px solid #d8cdcd;
padding: 77px;
padding-top: 11px;
padding-bottom: 16px; 
}
.form-area h {
    font-size: 32px;
text-align: center;
display: block;
font-weight: bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #b71111;
}
.form-area label {
width: 15%;
font-weight: bold;
text-align: left;
display: block;
font-size: 16px; 
float: left;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.form-area input {
width: 84%;
margin-bottom: 9px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.form-area textarea {
    width: 84%;

}
.form-area button {
    width: 33%;
margin-top: 2em;
background: #000;
float: right;
}
.form-area button:hover {
/*background: #f8e814;
color: #b71111;*/
}
.address-area .fa {
      color: #b71111;
} 
.address-area .far {
    color: #b71111;
}
.welcome-area {
padding-top: 2em;
    padding-bottom: 2em;
}
.welcome {
    
}
.welcome span {
font-size: 36px;
font-weight: normal;
text-transform: capitalize;
text-align: center;
display: block;
color: #000;
border-bottom: 1px solid #000;
width: 43%;
margin: 0 auto;
margin-bottom: 20px;
}
.welcome span b {
  color: #cf430a;
}

.welcome p {
text-align: justify;
font-size: 15px;
font-weight: bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #595757; 
}
.facesheet-area {
    background: #dbcc00;
    padding: 3em;

}
.facesheet-area h1{color: #000; text-align: center; font-size: 35px; margin: 15px; 0px;}
.facesheet-area p {color: #000; text-align: center; 
}
.facesheet b {
 font-size: 20px;
text-align: center;
display: block;
color: #b40303;
}
.facesheet p {
font-size: 20px;
color: #000;
text-align: center;
    padding: 0px 70px;
}

.why-us-area {
  padding: 3em 2em;  
}
.why-us {
    
}
.why-us span {
   text-align: left;
display: block;
font-size: 30px;
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.why-us p {
    font-size: 17px;
text-align: justify;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.why-us b {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: left;
font-size: 20px;
color: #383636;
}
.welcome span::before {
    position: relative;
    content: "";
    left: 0;
    top: 55px;
    width: 8px;
    height: 8px;
    background: #cf430a;
    display: block;     
    margin: 0 auto;
}
.why-us ul {
    
}
.why-us ul li {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 17px;
line-height: 31px;
}
.fist {
border: 0.5px solid #db4e4e;
border-radius: 50%;
height: 320px;
padding-top: 104px;
    margin-bottom: 15px;
}
.dropdown-submenu {
   
}
.dropdown-menu > li > a:hover {
    display: block;
}
.dropdown-submenu:hover {
    display: block;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 232px;
    padding: 5px 0;
    margin: 2px 0 0;
   
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background: #c40921;
    color: #fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: #b10b0c;
    border-color: #428bca;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background: #b10b0c;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #fff !important;
    white-space: nowrap;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #dbcc00;
}
.textile {
  padding-bottom: 30px;
padding-top: 30px;  
}
.textile span {
  text-align: center;
display: block;
font-size: 40px;
font-weight: bold;
    position: relative;
}
.textile span::before {

  position: absolute;
content: "";
width: 30%;
height: 2px;
background: #016ace;
display: block;
margin: 0 auto;
top: 55px;
left: 35%;
text-align: center;
}
.textile span::after {

 position: absolute;
content: "";
width: 12%;
height: 2px;
background: #016ace;
display: block;
margin: 0 auto;
top: 62px;
right: 43%;
text-align: center;
}
.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}
.sidebar {
    margin-bottom: 39px;
}
.imgtext {
  position: relative;
  width: 100%;
}

.imgtext .image {
  display: block;
  width: 100%;
  height: auto;
}

.imgtext .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #B10B0C;
}

.imgtext:hover .overlay {
  opacity: 1;
}
.imgtext img {
    width: 100%;
border: 1px solid #9996;
border-radius: 8px;
}
.imgtext .text {
 color: #fff;
font-size: 12px;
text-align: justify;
padding: 14px;
}
.text b {
  color: #000;
display: block;
font-size: 12px;
font-weight: normal;
}
.nemn {
    
}
.nemn span {
    text-align: center;
display: block;
font-size: 15px;
color: #000;
margin-top: 6px;
        
}
.text span {
font-size: 16px;
display: block;
font-weight: bold;
text-align: center;
min-height: 50px;
}
.proitro {
    padding-bottom: 50px;
}

/*for tabs*/


/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}
 
div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

/***********content*css************/
.dye-zc{text-align: left;}
.dye-zc center{ font-size: 30px;  font-family: 'MyriadPro-Semibold';}
/*.dye-zc p{ font-family: 'MyriadPro-Semibold';}*/
.app p{font-size: 16px;}
.app ul li{font-size: 16px;}
.application-all center{font-size: 35px;}
.one-app ul li,.one-app p{font-size: 15px;}{font-size: 16px;}
.two-app h3{font-size: 30px;}
.two-app p{font-size: 16px;}
.three-app p{font-size: 16px;}
.three-app h5{color: #ccc; font-weight: bold;}
.plus h2,.plus h3,.plus ul li{text-transform: capitalize;}
.plus ul li{font-size: 16px;}
.plus h3{font-size: 30px;}
.no-image img{width: 20%; margin: 0 auto;}
.mini-heading{font-size: 17px;}
.char li{font-size: 14px;}
.uses{text-decoration: underline;}
.efficienty{font-size: 15px;}
.fa-angle-double-right{margin-right: 15px;}
.roof-gfm-head{font-size: 17px;}
.zp{font-size: 15px;}
/*.one-app ul li:hover,.efficienty li:hover{padding-left: 10px; transition: 1s;}*/

.wcc{font-size: 25px;}
.zp ul li{font-size: 15px;}
.fbsn-last ul li{font-size: 14px;}
.last-pro ul li{line-height: 20px; font-size: 15px;}


/*all-conts */


.contact-button {
  background-color: #dbcc00;;
  color: #0b0c10;
  padding: 1em 1em;
  height: 1em; width: 1em;
  border-radius: 100%;
  bottom: 1rem;
  right: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 0px 2px #0b0c10, 0px 0px 0px 6px #dbcc00;
  margin-left: 67%;
margin-top: 35%;
}
.contact-button, .contact-button__icon {
  transition: all 0.5s ease-in-out;
}

.contact-button:hover {
  transform: scale(0.9);
  box-shadow: 0px 0px 0px 2px #0b0c10, 0px 0px 0px 12px #dbcc00;;
}

.contact-button:hover .contact-button__icon {
  transform:scale(1.5);
}
/*all-conts */

.all-contact span{font-size: 35px; text-align: center;}
.call{}
.no{margin: 20px 0px;}
.no p{text-align: left; font-weight: 400;}
.download-brochres {margin: 20px 10px;}
.download-brochres a{font-size: 20px ; text-transform: capitalize; color: #000; text-decoration: none;}
.download-brochres i{color: red; margin-right: 10px; font-size: 20px;}
.home-sidebar ul li a{text-decoration: none;}
.home-sidebar ul li a:hover{color: #dbcc00;}
.fist{text-align: center;}
.fist img{padding: 10px 0px;}
.done{font-size: 33px !important;}