@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

/*font-familyl
.nav li.dropdown:hover > ul.dropdown-menu {
display: block;    
}
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}: 
/*'Open Sans', sans-serif;*/
@media only screen and (max-width:620px) {

  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}

@import url('https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700');

/*font-family: 'Teko', sans-serif;*/

body {

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	background:url(../images/bg.jpg);

	background-size: cover;

}

.clear{

	clear: both;

}

ul{margin:0; padding: 0;list-style: none;}

h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}

a:hover{text-decoration: none;}
.product-health{
    width: 300px;
    height:200px;
    text-align: center!important;
}


/*.healthcare-main{
  

    border: 1px solid #ccc!important;

    margin: 0 0 30px;
     border: 1px solid;
  padding: 10px!important;
  box-shadow: 5px 10px 8px #888888!important;
}
.product-healthcare{
    float: left!important;
text-align: center!important;
}*/
/*Top Pannel*/



.top-pannel {

    background: #f4f1f1;

    box-shadow: 2px 2px 6px #ccc;

    padding: 0;
  

}

.social-pannel ul li {

    display: inline-block;

    margin: 0 2px 0 0;

}

.social-pannel ul li i{

    color: #908d8d;

    width: 25px;

    height: 25px;

    border-radius: 50%;

    border: 2px solid #bfbfbf;

    text-align: center;

    line-height: 22px;

}

.social-pannel {

    float: left;

    margin: 21px 10px 0 0;

}

.social-pannel ul {

    padding: 10px 0 0;

}

/*Menu*/

/*mega menu*/

.mega-dropdown-menu {

    width: 840px;

    left: -269px;

    padding: 30px 10px;

}

.mega-dropdown-menu li a {

    color: #000;

    line-height: 27px;

}

.mega-dropdown-menu li a:hover {

    color: #da760b;

}

.mnu-head a {

    color: #e47a0e !important;

    display: block;

    font-size: 13px;

    font-weight: 600 !important;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

    color: #ffffff;

    text-decoration: none;

    background-color: #423e3e;

}



.lord-pannel{

    float: right;

    width: 269px;

    background: #fff;

    /* border: 1px solid #cccccc; */

    padding: 1px 9px;

    box-shadow: 2px 2px 40px #ccc;

}

.lord-pannel img {

    width: 100%;

}

.menu-pannel {

    float: left;

    margin: 1px 0 0 0;

}

.navbar-default {

    background-color: transparent;

    border-color: transparent;

    margin: 0;

}

.navbar-default .navbar-nav>li>a {

    color: #545454;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 12px;

    padding: 15px 7px;

}

/*Logo pannel*/

/*Scrool*/

.str_move h2 {

    text-transform: uppercase;

    font-size: 16px;

    font-weight: bold;

    color: #000;

}

.str3 { font-size:0 !important}

			.str3-2 { background:none !important;}

			

.logo-pannel {

    padding: 8px 0;

    border-bottom: 4px solid #de7409;

    background: #fff;

}

.logo-divider {

    width: 3px;

    height: 32px;

    background: #de7409;

    float: left;

    margin: 7px 15px 0 21px;

}

.kbs-logo {

    float: left;

    width: 155px;

}

.vertive-logo {

    float: left;

    width: 155px;

}

.kbs-logo img {

    width: 100%;

}

.vertive-logo img {

    width: 100%;

}

.product-inqr {

    background: #de7409;

    border-radius: 3px;

    margin: 0 0 7px 0;

}

.product-inqr:hover {

    background: #1d1c1c;

    transition: all 1s;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

}

.lodge {

    background: #1d1c1c;

    border-radius: 3px;

}

.lodge:hover {

    background: #de7409;

    transition: all 1s;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

}

.inquery-bar{

    width: 290px;

    float: right;

    margin: 8px 0 0 0;

}

.inquery-bar ul li {

    display: inline-block;

    margin: 0 0 0 7px;

}

.inquery-bar a {

    color: #fff;

    font-size: 14px;

    display: block;

    padding: 7px 14px;

    text-align: center;

}

.kbs-content{

}

.kbs-content h1 {

    font-family: 'Teko', sans-serif;

    text-transform: uppercase;

    color: #de7409 !important;

    font-size: 33px;

    text-align: center;

}

.ups-content {

    float: left;

    width: 63%;

    padding: 23px 20px;

    background: rgba(255,255,255,0.2);

    margin: 30px 0 0 0;

}

.ups-content h1 {

    font-family: 'Teko', sans-serif;

    font-size: 59px;

}

.ups-img {

    float: right;

    width: 32%;

    background: #fff;

    padding: 23px 20px;

    margin: 30px 0 0 0;

}

.click-here{

    background: #f9b026;

    border: none;

    padding: 11px 20px;

    text-transform: uppercase;

    font-weight: 600;

    width: 129px;

    display: block;

}

.click-here:focus .kbs-content{display: none;}

.kbs-content h1 b {

    color: #de7409;

    font-size: 38px;

}

/*Banner Pannel*/

.carousel-fade .carousel-inner .item {

  opacity: 0;

  transition-property: opacity;

    overflow:hidden;

}

.item.active img {

    transition: transform 5000ms linear 0s;

    /* This should be based on your carousel setting. For bs, it should be 5second*/

    transform: scale(1.05, 1.05);

}

.carousel-fade .carousel-inner .active {

  opacity: 1;

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}



.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}



.carousel-fade .carousel-control {

  z-index: 2;

}



/*

WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

now override the 3.3 new styles for modern browsers & apply opacity

*/

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next,

    .carousel-fade .carousel-inner > .item.active.right {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.prev,

    .carousel-fade .carousel-inner > .item.active.left {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.next.left,

    .carousel-fade .carousel-inner > .item.prev.right,

    .carousel-fade .carousel-inner > .item.active {

      opacity: 1;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

}

.banner-pannel .carousel-caption{

	top: 200px;

}

.banner-pannel .carousel-caption h2{

	font-family: 'Teko', sans-serif;

	font-size: 52px;

	font-weight: bold;

	text-transform: uppercase;

}

.grouth-pannel {

    margin: 50px 0 0 0 !important;

}

.welcome-pannel {

    margin: 50px 0 0 0;

}

.welcome-in {

    background: #fff;

    padding: 40px 20px;

    box-shadow: 2px 2px 35px #2f2f2f;

}

.welcome-pannel h2{

    font-size: 19px;

    color: #fa231d;

    font-weight: 600;

}

.welcome-pannel h1{

    font-family: 'Teko', sans-serif;

    color: #000;

    text-transform: uppercase;

    font-size: 47px;

    padding: 9px 0;

}

.welcome-pannel h3{

    font-size: 14px;

    color: #000;

    font-weight: 600;

    padding: 10px 0;

}

.welcome-pannel ul li{

    font-weight: 600;

    font-size: 13px;

    color: #5d5d5d;

    line-height: 27px;

    list-style: disc;

}

.welcome-pannel p{

	margin: 0;

}



/*Footer Pannel*/

.footer-bar {

    background: #fff;

    margin: 50px 0 0 0;

    padding: 30px 0;

}

.ftr-image {

    width: 160px;

    margin: 0 0 20px;

}

.ftr-image img {

    width: 100%;

}

.footer-bar h2 {

    color: #000;

    font-weight: bold;

    font-size: 18px;

    border-bottom: 4px double #b3b2b2;

    padding: 0 0 8px;

    margin: 0 0 10px;

}

.footer-bar p {

    color: #737373;

    font-size: 13px;

    line-height: 20px;

}

.quick-link li a {

    color: #5d5d5d;

    line-height: 28px;

}

.quick-link li a:hover {

    color: #cc6600;

}

.footer-bar h3 {

    font-size: 14px;

    color: #ff8417;

    line-height: 25px;

}

.news-update h2{

	font-family: 'Teko', sans-serif;

	color: #000;

	text-transform: uppercase;

	font-size: 37px;

	font-weight: bold;

	line-height: 25px;

	padding: 39px 0 0 0;

}

.news-update h2 small{

    color: #cc6600;

    text-transform: capitalize;

    font-size: 56px;

}

.news-content {

    border: 1px solid #000;

    padding: 20px;

    height: 154px;

    overflow: hidden;

}

.news-content p{

    margin: 0;

    color: #000;

    font-size: 14px;

    line-height: 24px;

}

.news-content img{

    width: 100%;

}

.news-update {

    background: rgba(255,255,255,0.7);

    margin: 50px 0 35px 0;

    padding: 20px 0;

}

.end-footer {

    background: #000;

    padding: 15px 0;

}

.end-footer p{

	margin: 0;

	color: #fff;

}

.end-footer p a{

	color: #f68b1f;

}

.develop{

	text-align: right;

}

/*Inner Pages*/

.inner-pages {

    background: #fff;

    padding: 30px 0;

}

h1.page-titel {

    font-family: 'Teko', sans-serif;

    color: #000;

    border-bottom: 4px double #b7b7b7;

    padding: 10px 0 0 0;

    margin: 0 0 25px;

}

h2.sub-titel {

    color: #7b7a7a;

    font-weight: 600;

    font-size: 15px;

    text-transform: uppercase;

    padding: 0 0 6px 0;

}

.small-titel {

    color: #de7409 !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    padding: 0 !important;

}

.inner-pages p {

    line-height: 26px;

    color: #757575;

    text-align: justify;

}

.inner-pages h2 {

    color: #000;

    font-weight: bold;

    text-transform: uppercase;

    font-size: 17px;

    padding: 0 0 7px;

}

.inner-pages h3 {

    color: #e2770a;

    font-size: 14px;

    font-weight: 600;

    padding: 7px 0;

}

.inner-pages ul li {

    color: #827e7e;

    line-height: 26px;

    list-style: disc inside;

}

.nex-step {

    margin: 30px 0 0;

}

.corporate-left {

    float: left;

}

.corporate-right {

    float: left;

}

/*Left Tab*/

.tabs-left > .nav-tabs {

  border-bottom: 0;

}



.tab-content > .tab-pane,

.pill-content > .pill-pane {

  display: none;

}



.tab-content > .active,

.pill-content > .active {

  display: block;

}



.tabs-left > .nav-tabs > li {

  float: none;

}



.tabs-left > .nav-tabs > li > a {

  min-width: 74px;

  margin-right: 0;

  margin-bottom: 3px;

}



.left-bar .tabs-left > .nav-tabs {

  float: left;

  width: 100%;

  box-shadow: 2px 2px 18px #ccc;

}



.tabs-left > .nav-tabs > li > a {

  margin-right: -1px;

  -webkit-border-radius: 4px 0 0 4px;

     -moz-border-radius: 4px 0 0 4px;

          border-radius: 4px 0 0 4px;

}



.tabs-left > .nav-tabs > li > a:hover,

.tabs-left > .nav-tabs > li > a:focus {

  border-color: #eeeeee #dddddd #eeeeee #eeeeee;

}



.tabs-left > .nav-tabs .active > a,

.tabs-left > .nav-tabs .active > a:hover,

.tabs-left > .nav-tabs .active > a:focus {

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{

	border: none;

}

.left-bar .nav>li>a:focus, .nav>li>a:hover {

    text-decoration: none;

    background-color: #de7409;

    color: #fff;

}

.left-bar .nav>li>a{

	font-weight: 600;

}

.tab-content h1 {

    font-size: 20px;

    color: #de7409;

    font-weight: bold;

    padding: 0 0 10px;

}

.product-box{

    float: left;

    width: 350px;

    padding: 10px;

    box-shadow: 2px 2px 37px #ccc;

    margin: 0 10px 11px 0;

    height: 130px;

}

.pro-img {

    float: left;

    width: 77px;

}

.pro-content {

    float: left;

    width: 229px;

    margin: 0 0 0 9px;

}

.product-box a {

    font-weight: 600;

    padding: 0 0 10px;

    display: block;

}

.product-box p {

    margin: 0;

    font-size: 13px;

    line-height: 18px;

}

.hero {

  background:url(../images/grouth.jpg);

  padding: 40px 42px;

}



/*Carer*/

.carer-form input {

    background: #e8e8e8;

    border: 1px solid #dcdcdc;

    border-radius: 0;

    box-shadow: none;

    padding: 9px 13px;

    display: block;

    height: 43px;

    color: #000;

}

.input-file {

    /* margin-right: 0; */

    /* padding: 0; */

    width: 100%;

}

.carer-form label {

    color: #000;

    font-weight: 600;

    margin: 8px 0;

}

.carer-form .btn {

    background: #cc6600;

    border: none;

    border-radius: 0;

    padding: 10px 27px;

    margin: 17px 0 0 0;

}

.carer-form .btn:hover {

    background: #000;

}

/*contact*/

.contactus h5 {

    font-size: 15px;

    line-height: 30px;

    color: #757575;

}

.contactus h4 {

    color: #000;

    font-size: 17px;

    line-height: 25px;

    margin: 0 0 15px;

}

.map-titel {

    font-size: 17px;

    color: #737070;

    padding: 17px 0;

    border-top: 4px double #ccc9c9;

    margin: 25px 0 0 0;

}

.contact-map {

    padding: 10px;

    box-shadow: 2px 2px 21px #989898;

}

/*Product Page*/

.product-main {

    padding: 10px;

    border: 1px solid #ccc;

    margin: 0 0 30px;

}

.product-image {

    float: left;

    width: 150px;

}

.product-descrptin {

    float: left;

    width: 371px;

    margin: 0 0 0 11px;

}



a.view {

    background: #de7409;

    color: #fff;

    padding: 6px 21px;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 600;

}

a.view:hover{

    background: #000;

}

.product-descrptin p {

    line-height: 21px;

    font-size: 13px;

    margin: 5px 0 18px;

}

.Surge-second {

    padding: 20px;

    box-shadow: 2px 2px 31px #ccc;

    margin: 25px 0 0 0;

}

.accessories-pannel img{

    width: 100%;

}

ul.accessories-left {

    float: left;

    margin: 0 99px 0 0;

}

.rocket{

    margin: 30px 0 0;

}

.rocket img{

    width: 100%;

}

.view-banner{

    background: url(../images/product-view.png);

    height: 500px;

    background-size: cover;

}

.view-image {

    float: left;

    width: 335px;

    margin: 0 20px 0 0;

}

.view-image img{

    width: 100%;

}

.view-description {

    float: left;

    width: 750px;

    padding: 100px 0 0 0;

}

.view-description p {

    color: #fff;

    font-size: 15px;

}

.view-description h3 {

    color: #fff;

}

.view-description h2 {

    color: #fff;

}

.view-tab .btn-default {

    color: #000;

    background-color: #fff;

    border-color: #ccc;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 13px;

    padding: 12px 0;

    border: none;

    border-right: 4px solid #f5771e;

}

.view-tab .btn-default:nth-of-type(4){

    border: none;

}

.view-tab .well {

    background-color: #ff822e;

    border: none;

}

ul.feature {

    float: left;

    margin: 0 75px 0 0;

    width: 42%;

}

.Solutions img{

    width: 100%;

}

.Solutions-image{

    width: 43%;

    box-shadow: 2px 2px 79px #8a8585;

    padding: 20px;

}



.tab-submenu li{

    list-style: none !important;

}

.tab-submenu{

    display: none;

    padding: 0 0 0 33px;

}

.ups:hover .tab-submenu{

    display: block;

}

.liebert img {

    width: 100%;

}

.liebert {

    padding: 20px 0;

    border-bottom: 4px double #ecebeb;

}

.tab-submenu li a {

    width: 100%;

    display: block;

}

/*Grouth animate*/

.hero{

            background-color: transparent;!important;

            width: 100%;!important;

            height: 100%;!important;

        }

        .hero *{

            color: #f2f2f2 !important;!important;

        }

        .hero-body{

                padding: 235px 0px 120px 0px !important;

        }

        .container-download{

            position: absolute !important;

            top: 20px !important;

            right: 20px !important;

        }

        .container-icon{

            position: absolute !important;

            bottom: 20px !important;

            right: 20px !important;

        }

        /*#title-lg,

        #title-sm,*/

        .circle-box{

            visibility: hidden;

            color: #404040 !important;

            font-size: 48px !important;

            font-weight: 100 !important;

        }

        .icon-box *{

            color: #f2f2f2;!important;

        }

        /*.rollOut{

            animation-direction: reverse;

        }*/

        .circle-box{

            border-radius:none !important;

            width:inherit !important;

            height:inherit !important;

        }

        .select>select>optgroup,

        .select>select>optgroup *{

            color: #808080 !important;

        }

        .select>select{

            background-color: transparent !important;

            color: #f2f2f2 !important;

            border-color: #00d0b1;

        }

        .rkt li{

            list-style: none !important;

        }

    /*New gallery*/

    #gallery {

  padding: 10px 0 0 10px;

  background-color: white;

  text-align: center;

  margin: 0 auto;

  border: 2px solid blue;

}



.gallery-item {

    width: 264px;

    height: 250px;

    float: left;

    margin: 10px;

    overflow: hidden;

    cursor: pointer;

    border: 4px solid #fff;

    border-radius: 0;

    box-shadow: 0px 0px 5px 2px rgba(105, 102, 102, 0.5);

}

  

.modal {

  text-align: center;

  margin: 0 auto 20px auto;

}



.modal-open {

  margin: 0 auto;

  overflow: auto;

} 



#modal-image {

  margin: 0 auto;

  max-width:100%;

  border-radius: 5px;

}  



.modal-image-caption {

  text-transform: capitalize;

}

.gallery-item img {

    height: 100%;

}

.previous {

    background: #f57a31;

    border: none;

    padding: 6px 19px;

    margin: 0 10px 0 0;

    color: #fff;

}

.next {

    background: #2d2d2d;

    border: none;

    padding: 6px 19px;

    margin: 0 10px 0 0;

    color: #fff;

}