/* CSS Document */
body{
	font-family: 'Abel'; font-size:18px;
	}
.sr2{background: #ac1c1d; padding-top: 10px; padding-bottom: 10px; border-bottom: #d45c5b solid 1px;}
.sr3{font-size: 18px; color: #ffffff;}
.sr4{font-size: 18px; color: #ffffff; text-decoration: none; font-family: 'Abel';}
.sr4:hover{color: #ff8a00; text-decoration: none;}
.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}
.navbar-default {
    background:#333333;
    border: none; border-bottom:none;
    border-radius: 0; margin-bottom:0;
	-webkit-box-shadow: inset 0px -10px 10px -6px #333333;
-moz-box-shadow: inset 0px -10px 10px -6px #333333;
box-shadow: inset 0px -10px 10px -6px #333333; 
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff; border-right:#302e2e solid 1px; text-transform:uppercase; font-size:15px; font-weight:bold;  
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #1e1e1e; color:#aa2120;
	-webkit-box-shadow: inset 0px -10px 10px -6px #1e1e1e;
-moz-box-shadow: inset 0px -10px 10px -6px #1e1e1e;
box-shadow: inset 0px -10px 10px -6px #1e1e1e;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #aa2120; background-color: #252424;
	-webkit-box-shadow: inset 0px -10px 10px -6px #252424;
-moz-box-shadow: inset 0px -10px 10px -6px #252424;
box-shadow: inset 0px -10px 10px -6px #252424;
}

.navbar-default .navbar-text {
    color: #222;
}

.navbar-default .navbar-toggle {
    border-color: #972701; background-color: #ff9515;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ffffff; 
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}
/*sssssssssssssssssssssssssss */
 
.call{padding-top:10px;}
.call2{padding-top:10px; padding-bottom:3px;}
.logo{padding-top:10px; padding-bottom:10px; background:#FFF; border-bottom-left-radius:10px; border-bottom-right-radius:10px; position:relative; z-index:500;}
.yb{background:#ffffff; padding-top:6px; padding-bottom:6px; border-top:#FFF solid 1px;}
.topbg{background:#000;  padding-bottom:0px; line-height:20px;}
.con_txt{width:100%; margin-bottom:4px; margin-top:4px; padding:5px; border:#ebebeb solid 1px; border-radius:2px; font-size:16px; color:#19507c; background:#f5f5f5;}
.con_txt2{width:100%; margin-bottom:3px; padding-top:4px; padding-bottom:4px; border:#ebebeb solid 1px; border-radius:2px; font-size:16px;  background:#f5f5f5;}
.wellbg{background:#ffffff; border:none;}
.wellbg3{background:#ffffff;  border-color:#dfdfdf; border-radius:0px; }
.bgc{background:#c87533;}
.mlr{margin-left:5px; margin-right:5px;}
.bbg{background:#333333; padding-top:40px; padding-bottom:40px; }
.bbg2{background:#252525; padding-top:5px; padding-bottom:5px; margin-bottom:50px; }
.bg1_a{background:url(../images/bg.png) no-repeat left bottom; padding-bottom:30px;}
.bg1_b{background:url(../images/bg2.png) no-repeat right bottom #FFF;}
.imgleft{float:left; margin-right:30px; margin-top:-10px; border-radius:10px; }

.mtb2{margin-top:12px; margin-bottom:12px;}
.mb{margin-bottom:25px;}
.mb2{margin-bottom:8px;}
.mbs{margin-bottom:10px;}
.imageleft{width:18%; height:auto; float:left; margin-right:10px; margin-bottom:5px; float:left;}
.clrbg{background:#c73b0b;}
.ybg{background:#f7d708;  border-bottom:#ffffff solid 1px;}
.bgo{background:#aa2120; padding-bottom:30px; padding-top:30px; margin-bottom:30px;}
.abg{background:#f5f5f5; padding-top:30px; padding-bottom:25px;}
.abg2{background:#efefef; padding-top:0px; padding-bottom:0px;}
.mt{margin-top:25px;}
.mt2{margin-top:10px;}
.mt4{margin-top:80px;}
.mtb{margin-top:35px; margin-bottom:35px;}
.ptb{padding-top:20px; padding-bottom:20px;}
.pt{padding-top:10px;}
.pb{padding-bottom:45px;}
.ptb2{padding-bottom:20px; padding-top:5px; margin-bottom:15px; border-bottom:#e2e2e2 solid 1px;}
/* icon bar bottom */
.icon-bar2 {
  width: 99%;
  background-color: #0f4eaf;
  overflow: auto; position:fixed; bottom:0; z-index:1200; border-top:#FFF solid 1px; }

.icon-bar2 a {
  float: left;
  width: 19%;
  text-align: center;
  padding: 10px 0;
  transition: all 0.3s ease; border-right:#1892db solid 1px;
  color: white;
  font-size: 16px;
}

.icon-bar2 a:hover {
  background-color: #02b6d7;
}

.icon-bar2 a:active {
  background-color: #17d5bc;
}
.tt{font-size:10px; font-family:Arial, Helvetica, sans-serif;}

.imgr{border-radius:50%; border:#FF0 solid 3px; width:80px; height:80px; padding:25px; line-height:80px; float:left; color:#FFF; margin-right:8px; margin-bottom:20px; background:#f78515; font-size:18pt;}
.imgr:hover{border:#FF0 solid 3px; background:#009ece;}
.nmd{margin-bottom:0; background:#CCC; border-color:#CCC;}
.plr{padding-left:3px; padding-right:3px;}
.plr2{padding-right:10px; padding-left:10px;}
.plr3{padding-right:10px; padding-left:10px;}
.nmd{margin-bottom:10px; background:#f7f7f7; border-color:#d8d8d8;}
.nmd:hover{background:#fff9d4; border-color:#e9e1ad;}

.hr {
height: 1px;
color: #b4b4b4;
background-color: #b4b4b4;
border: none;
}
h1, h2, h3, h4, h5, h6{
    
    font-weight: 600; margin:10px 0 10px 0;
}
p{margin:10px 0px 10px 0px; font-family: 'Abel'; color: #808080; font-size: 16px;
    font-weight: 300; letter-spacing: 0.3px; line-height: 1.4;}

#backToTop{
    position: fixed;
	bottom: 80px;
	right: 10px;
	cursor: pointer;
	display: none;
    color: #fff;
    background: rgba(0,0,0,0.3);
    border: none;
}
.formwidth{width:35px; border:#CCC solid 1px;}
.tabs {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
#tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button li {
  display: table-cell;
  width: 20%;
}
#tab-button li a {
  display: block;
  padding: .5em;
  background: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: #ff6600;
  text-decoration: none;
}
#tab-button li:not(:first-child) a {
  border-left: none;
}
#tab-button li a:hover,
#tab-button .is-active a {
  border-bottom-color: transparent;
  background: #fff;
}
.tab-contents {
  padding: .5em 2em 1em;
  border: 1px solid #ddd;
}



.tab-button-outer {
  display: none;
}
.tab-contents {
  margin-top: 20px;
}


.wbg2{background:rgb(255,255,255); position:relative; z-index:10; padding-top:15px; padding-bottom:15px; border-top:#FFF solid 1px; border-bottom:#FFF solid 1px;}
.wbg3{background:#FFF; padding-top:25px; padding-bottom:25px; border:#FFF solid 1px; margin-top:5px; border-radius:10px;}
.wbg{background:#FFF;}
.tmrg{margin:-86px auto 0 auto; position:relative; z-index:0;}
.footerbg2{background:#261608; border-bottom:#654930 solid 1px; border-top:#654930 solid 1px; padding-top:10px; padding-bottom:10px; color:#FFF;}
.footerbg{background:#1b1014;  border-bottom:#261608 solid 1px; padding-top:20px; padding-bottom:0px; margin-top:0px;}
.footermenu{list-style-image:url(../images/arrow.png);}
.footermenu2{color:#ffffff; text-decoration:none; line-height:20px; font-size:16px;}
.footermenu2:hover{color:#FFFF6F; text-decoration:none;}
.submenu{color:#f7f7f7; text-decoration:none; line-height:20px; padding-left:8px; padding-right:8px;}
.submenu:hover{color:#ce0000; text-decoration:none;}
.submenu2{color:#000000; text-decoration:none; line-height:20px;  padding-left:8px; padding-right:8px;}
.submenu2:hover{color:#ce0000; text-decoration:none;}
.readmore{color:#3abbc9;}
.readmore:hover{color:#ed5314;}
.readmore2{color:#000000; text-decoration:none; font-size:16px;}
.readmore2:hover{color:#ce0000; text-decoration:none;}
.more{background:#aa2120; color:#FFF; text-decoration:none; padding-left:5px; padding-right:5px; cursor:pointer;}
.more:hover{background:#333333; text-decoration:none; color:#FFF;}
.readmore3{color:#ffae00;}
.readmore3:hover{color:#fff600;}
.imgbl{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
.imgbl:hover{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);}
  .counter
{
    background-color: #f5f5f5;
    text-align: center;
}
.employees,.customer,.design,.order
{
    margin-top: 40px;
    margin-bottom: 40px;
}
.counter-count
{
    font-size: 24px;
    background-color: #aa2120;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 18px;
    color: #000000;
    line-height: 24px;
}

.brbtm{border-bottom:#e3e3e3 solid 1px; padding-bottom:30px; margin-bottom:25px;}
.brlr{border-left:#d2d2d2 solid 1px; }
.bg1{background:#ed5314; border:none;}
.bg2{background:#9bca3e; border:none;}
.bg3{background:#3abbc9; border:none;}
.serbg{background:#feeb51; padding:5px 20px; color:#ed5314; font-size:25px; font-weight:bold; border-top-left-radius:8px; border-top-right-radius:8px;}

.clrw{color:#FFF;}
.clry{color:#feeb51;}
.clrb{color:#1b1014;}
.clrbr{color:#c87533;}
.clro{color:#aa2120;}
.clrr{color:#ed5314;}
.clrr2{color:#801638;}
.clrg{color:#9bca3e;}
.clrg{color:#6bb113;}
.clra{color:#a4a0a2;}
.clrm{color:#222222;}

.brdr{border:#CCC solid 1px;}
.netbg{background:#ffffff url(../images/ashbg.png) repeat; padding-top:20px; padding-bottom:20px; border-bottom:#FFF solid 1px;}
.navbg2{background:none; border:none; border-radius:0; width:100%;  height: 230px; margin-bottom:20px;  overflow-y: scroll;  overflow-x: hidden; 

 }
.navbg3{background:#a0e8ff; border:#7cd0ec solid 1px; border-radius:0; width:100%;  height: 250px;  overflow-y: scroll;  overflow-x: hidden; }


.nav-list li{border-bottom:#3f3f3f dashed 1px; font-size:16px; color:#222222; background:url(../images/arrow2.png) no-repeat left;}
.nav-list li a{color:#b1b1b1;  padding-top:4px; padding-bottom:4px; line-height:19px; }
.nav-list li a:hover{color:#ffffff; background:url(../images/arrow3.png) no-repeat left #373532;}

.wellbg2{background:#ffffff; border-color:#dddddd; padding-top:25px; padding-bottom:10px; border-radius:6px;}
.wellbg2aa{background:#333333; border-color:#dddddd; padding-top:25px; padding-bottom:35px; border-radius:6px;}
.wellbg2c{background:#f7f7f7; border-color:#e7e7e7; padding-top:25px; padding-bottom:35px; border-radius:6px;}


.brtop{border-top:#010101 solid 1px; padding-top:20px; padding-bottom:20px; margin-top:10px;
}

#imagelightbox

{

    position: fixed;

    z-index: 9999;

 

    -ms-touch-action: none;

    touch-action: none;

}
.mtb3{margin-top:5px; margin-bottom:5px;}

.jumbotron{display:block; margin-bottom:0; border-radius:0; background:#aa2120; background-size:cover;  padding-top:10px; padding-bottom:10px; border:#ebebeb solid 1px;  }
.jumbotron h3{ color:#ffffff; font-size:29px;}
.jumbotron p {font-size:18px; color:#ffffff; margin-top:0px;}
.nobr{border:none; padding:5px;}
.aro{font-size:13px; color:#01a3df;}
.thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
}

.thumbnail img {
    width: 100%;
}
.tmb{ padding:25px;}
.pnn{font-size:20px; font-weight:bold; color:#333; line-height:25px; text-decoration:none;}
.pnn:hover{color:#ab211e; text-decoration:none;}
@media (max-width: 768px)  { 
.tmrg{margin:0px auto 20px auto;}
.call{padding-top:15px; padding-bottom:15px; border-top:#ffffff dashed 1px;}
.call2{padding-top:12px; padding-bottom:12px;}
.logo{padding-top:10px; padding-bottom:15px; margin-left:0px;}
.brbtm{border-bottom:#e3e3e3 solid 1px; padding-bottom:50px; margin-bottom:25px;}
.wbg2{background:rgb(255,255,255,1); position:relative; z-index:10;}
 .lorry{background:none;}
.mt4{margin-top:25px;}
.navbar-brand{margin-bottom:0px;}
.navbg2{ border-radius:0; width:100%;  height: 200px;  overflow-y: scroll;  overflow-x: hidden; }
.navbg3{background:#a0e8ff; border:#7cd0ec solid 1px; border-radius:0; width:100%;  height: 250px;  overflow-y: hidden;  overflow-x: hidden; }

.iconleft{width:90px; height:90px; line-height:90px; float:left;  }
.iconleft2{width:90px; height:90px; line-height:900px; float:right;}
}

@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
  }